Docs

[Frank H]

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.

[Rad]

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

[Frank H]

Thanks very much, it works now. 🙂

[Christian]

You’re welcome Frank.

[Author]

Posts