Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #39699

    Frank H
    Participant

    Hi,

    I would like to know, is the scroll down icon at revolution slider can be change?

    Currently it is using <i class=”x-icon-angle-down”></i> but I would like to customise it to another arrow icon.

    May I ask where I can found the code to change the icon? Moreover, I would like to customize the right upper corner header widget area “+” icon as well.

    Many thanks. I look forward to hearing from that.

    #39889

    Rad
    Moderator

    Hi Frank,

    Thank you for writing in!

    You could change header’s “+” icon by adding this css at your customizer’s custom css, or at your child theme’s style.css.

    .x-btn-widgetba .x-icon-plus-circle:before {
    content: "\UNICODE HERE"!important;
    }
    

    For example :

    .x-btn-widgetba .x-icon-plus-circle:before {
    content: "\f009"!important;
    }

    You can icon’s unicode here http://fortawesome.github.io/Font-Awesome/cheatsheet/ ,
    eg. fa-th-large (&# xf009;) = content: "\f009"

    Same goes for arrow icon :

    .x-slider-scroll-bottom .x-icon-angle-down:before {
    content: "\UNICODE HERE"!important;
    }

    Hope this helps

    #41099

    Frank H
    Participant

    Thanks very much, it works now. 🙂

    #41375

    Christian
    Moderator

    You’re welcome Frank.