hi there,
we have a slider on our homepage( http://indiatravelz.com/) and we would like the arrows that move the sliders to be in another color (in their color now-they are a little bit invisible) .
can you please explain us how to do it?
thank you in advance
indiatravelz.
Hi Indiatravelz!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top .ls-nav-prev::before, #top .ls-nav-next::before { color: red; }
Cheers!
Yigit
Hi Yigit,
thanks for the code.but i meant the background of these arrows which is now black in opacity and it is almost not seen.
sorry for not being clear.
thanks in advance
indiatravelz
Hey!
You ca change the opacity using this:
#top .ls-nav-prev::before, #top .ls-nav-next::before {
background: #000;
background: rgba(0,0,0,0.9);
}
Change the rgba color values if you want to change the background color.
Best regards,
Ismael
Hi,
Same question. How to change the slideshow control arrow (prev and next) from white to red color on the homepage http://neutrophase.staging.wpengine.com/? (hosted on WPengine)
I tried the above suggestions and still no luck. Please help – thanks,
Louella
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .av-control-minimal .avia-slideshow-arrows a {
color: red;
}
#top .av-control-minimal .avia-slideshow-arrows a:before {
border-color: red;
}
Best regards,
Yigit
Yay – thanks Yigit ;-)
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit