Hi, Wanting to change the colour of the next and previous arrows on the Nectar Slider but rather than a colour change to all <icon-salient-left-arrow> and icon-salient-right-arrow> elements I want them to change according to a specific class being available within each Nectar Slider. ie. if I make a red class they will be red, if I use a blue class they will be blue. I've tried the following along with other things but it's not working:
Hi, Wanting to change the colour of the next and previous arrows on the Nectar Slider but rather than a colour change to all <icon-salient-left-arrow> and icon-salient-right-arrow> elements I want them to change according to a specific class being available within each Nectar Slider. ie. if I make a red class they will be red, if I use a blue class they will be blue. I've tried the following along with other things but it's not working:
.swiper-slide.redclass > .swiper-container .slider-prev i.icon-salient-right-arrow {
color: red!important;
}
Is this because the arrows aren't a child of the nectar slider but a sibling?
Hey!
The easiest way is to add a class to the row that has the slider and then add the class like this:
(gap is there btw class)
.redclass .swiper-slide > .swiper-container .slider-prev i.icon-salient-right-arrow {
color: red!important;
}
Thanks
ThemeNectar Support Team