Help Needed With Custom CSS
Jay Thistle
I am trying to change the color of the navigation dots on a Testimonial slider from the default blue to orange. I inserted this code into the Custom CSS box in the slider settings after finding the original code using 'Inspect' in my browser:
sppb-addon-994ef7ff-0a21-4a10-9adb-a1201d900212 .sppb-carousel-extended-dots ul li.active span {
background: #ffb427; } Perhaps I need to insert the code somewhere else. Please assist. Thanks
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us and sorry for your issue. You can use this CSS in your custom.css file
.sp-slider .sp-dots ul li, .sp-slider .sp-nav-control .nav-control{
background: orange !important;
}-Regards.
Jay Thistle
Accepted AnswerHi Mehtaz, Thanks for the quick response. I have inserted your code in the Custom CSS box inside the Testimonials slider but the dots are still blue. Please advise. Thanks
Mehtaz Afsana Borsha
Accepted AnswerWhich portion do you want to change? Could you please give me a screenshot of it?
Jay Thistle
Accepted Answerhttps://www.barrettautodetailing.ca/
the testimonial slider down the page...the navigation button that is now blue should be orange
Jay Thistle
Accepted AnswerHi there....no not that section but further down the page to the Testimonials scroller...the blue navigation dot should be an orange/yellow color #ffb527
MiBa
Accepted AnswerJay, use option "Bullet Controllers" in the testimonial addon. Active is the color you want to change.