Okay
  Public Ticket #462704
Nectar Slider Arrow
Closed

Comments

  • Sergio started the conversation
    June 22, 2015 at 1:45am

    Hi

    How can I change the selected icon for the arrows in Nectar Slider?

    Of what I can see, it's using "\f104" (left) and "\f105" (right) from Font Awesome.

    I would like to change these to "\f053" (left) and "\f054" (right)

    How could I do it?

    Thank you in advance!



  •  8,851
    Tahir replied
    June 22, 2015 at 3:43pm

    Hey Again,

    Simply override the css with the content value in css and add !important. Please provide the page url if you can get the css to work .

    Thanks

    ThemeNectar Support Team 

  • Sergio replied
    June 22, 2015 at 3:44pm

    Hi Tahir

    But that\'s the thing, what\'s the CSS for just that part?

  •  8,851
    Tahir replied
    June 23, 2015 at 3:07pm

    The page url ? .

    Thanks

    ThemeNectar Support Team 

  • Sergio replied
    June 23, 2015 at 7:46pm

    I only have it on a local host at the moment, but I\'m using the same slider as on this page:
    http://themenectar.com/demo/salient-blog/

    Please use this as a reference to find the correct CSS.

    Thank you very much in advance!

    Greetings from Sweden

  •  8,851
    Tahir replied
    June 24, 2015 at 3:05pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :


    .icon-angle-right::before {
    content: \"\\f054\"
}


.icon-angle-left::before {
    content: \"\\f053\"
}

    Thanks





    ThemeNectar Support Team 

  • Sergio replied
    June 24, 2015 at 4:04pm

    thank you very much for your time and help!