Okay
  Public Ticket #180105
Carousel arrows change color
Closed

Comments

  • Tony started the conversation
    March 16, 2014 at 3:21am

    Hi Nectar. Really enjoy working in Salient.

    Question: How do I change the color of the carousel arrows . . . both static & hover. Thanks.

  •  8,839
    Tahir replied
    March 17, 2014 at 1:36pm

    Hey Tony!

    Add this into the Custom CSS box located in your Salient Options panel:

    1:To Change arrow color:

    .swiper-container .slider-prev > i {  color: red; }
.swiper-container .slider-next > i { color: red; }

    2:To change background color:

    .swiper-container a.slider-prev:hover, .swiper-container a.slider-next:hover {
	background-color: rgba(0,0,0,0.8);
}
.swiper-container a.slider-prev, .swiper-container a.slider-next {
	background-color: rgba(0,0,0,0.2);
}

    Cheers

    ThemeNectar Support Team 

  • Tony replied
    March 19, 2014 at 11:41pm

    Awesome Tahir!!

  •   Tony replied privately
  • Diego replied
    September 11, 2014 at 9:20pm

    Can I remove the arrows?

  •  8,839
    Tahir replied
    September 12, 2014 at 4:05pm

    Hey Diego!

    Add this into the Custom CSS box located in your Salient Options panel :
    .swiper-container .slider-prev > i {  display:none !important; }
.swiper-container .slider-next > i { display:none !important; }
    Thanks

    ThemeNectar Support Team 

  • Diego replied
    September 15, 2014 at 12:05am

    Hi Tahir. I added the code but it's not working. 

    Please, take a look: http://myblindstoday.com/products/

    What am I doing wrong?

  •  8,839
    Tahir replied
    September 15, 2014 at 1:16pm

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :
    .swiper-container .slider-prev {
    display: none !important;
}
.swiper-container .slider-next {
    display: none !important;
}
    Thanks

    ThemeNectar Support Team 

  • Diego replied
    September 17, 2014 at 8:06pm

    Hi Tahir, I updated the CSS box with the code but the arrows are still showing.

    Please take a look http://myblindstoday.com/products/

    right below " We Carry Many Brands These are our favorites"

    Thank you

  •  8,839
    Tahir replied
    September 18, 2014 at 4:24pm

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :
    html .ascend .carousel-heading .container .carousel-prev,html .ascend .carousel-heading .container .carousel-next {
    display: none !important;
}
    Thanks

    ThemeNectar Support Team 

  • Diego replied
    September 18, 2014 at 9:23pm

    This worked! Thank you as always, Tahir