Comments 3martingluckman started the conversationJune 15, 2017 at 10:52amI've added the css for changing the color of the arrows and the tgransparent background.It only appears to be changing the first oneUsing the following css.swiper-container .slider-prev > i { color: black; }.swiper-container .slider-next > i { color: black; } .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);Is the 'i' before the colour braces the issue?Thanks Tahir 9,012Tahir repliedJune 15, 2017 at 11:56amHey Again,Try using !important attribute . Please have a look at this Article :Adjust Nectar Slider Text with CSS Thanks ThemeNectar Support Team Sign in to reply ...
I've added the css for changing the color of the arrows and the tgransparent background.
It only appears to be changing the first one
Using the following css
.swiper-container .slider-prev > i { color: black; }
.swiper-container .slider-next > i { color: black; }
.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);
Is the 'i' before the colour braces the issue?
Thanks Tahir
Hey Again,
Try using !important attribute .
Please have a look at this Article :Adjust Nectar Slider Text with CSS
Thanks
ThemeNectar Support Team