Okay
  Public Ticket #327468
Change arrows in carousel
Closed

Comments

  •  1
    Joerg started the conversation
    December 1, 2014 at 1:28am

    Hello Tahir,

    I want to set other arrows in the carousel because some customers said that they are to thin and without background and they can not see it. How can I change these arrows and set different ones?

    Thank you so muchg for your awesome support :-)

    Cheers
    Joerg

  •  8,996
    Tahir replied
    December 1, 2014 at 3:26pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    .carousel-wrap[data-full-width="true"] .carousel-heading i.icon-salient-right-arrow-thin {
    font-family: 'FontAwesome' !important;
}


.carousel-wrap[data-full-width="true"] .carousel-heading i.icon-salient-right-arrow-thin:before {
    content: "\f061" !important;
}
.carousel-wrap[data-full-width="true"] .carousel-heading i.icon-salient-left-arrow-thin {
    font-family: 'FontAwesome' !important;
}


.carousel-wrap[data-full-width="true"] .carousel-heading i.icon-salient-left-arrow-thin:before {
    content: "\f060" !important;
}
    Thanks 

    ThemeNectar Support Team 

  •  1
    Joerg replied
    December 1, 2014 at 4:14pm

    Great - Thank you!!!

  • Melanie replied
    February 12, 2019 at 7:35pm

    Hi 

    The arrows of the CarouFredSel don't look normal 

    blob: See this https://web.whatsapp.com/c9a69db9-1be6-49d3-9f03-e85871b32820

    The arrows of this caroussel act still weird. I already tried to do it with css and change the line-height, i got this result: c8afb64a9615505162f5869dd2c2c0fb.png it looks better, but still not good. 


    How can i make this normal?

    681adaa87ccfe73f7db3f24a409a8753.png


    How