Navigation
Archive / Use custom arrow shapes for slider revolution?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 19, 2017 at 10:17 am #1377139
    jwsoutha
    Participant

    Hello,

    Is it possible to use custom arrow shapes that are not available in the slider revolution drop-down settings for navigation controls on a slider? Specifically, I would like to use the following fontawesome characters: fa-caret-left (f0d9) and fa-caret-right (f0da).

    The site in question is in development at http://hyback.com/cent/bside/wp/dev/

    Thanks!

    February 19, 2017 at 10:41 am #1377159
    Rupok
    Member

    Hi there, you can try CSS like this : 

    .tparrows.tp-leftarrow::before {
	content: '\f0d9';
	font-family: FontAwesome;
}
.tparrows.tp-rightarrow::before {
	content: '\f0da';
	font-family: FontAwesome;
}

    Note that it might not work within Customizer > Custom > CSS. In that case you need to use Child Theme’s style.css.

    Cheers!

    February 19, 2017 at 11:35 am #1377200
    jwsoutha
    Participant

    Works like a charm. Thanks!

    February 19, 2017 at 12:39 pm #1377238
    Rupok
    Member

    Great. Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1377139 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>