Tagged: arrows, navigation
Dear programmers,
Is it possible to change the arrows or edit on css?
Let me know which div/css it is.
Thank you.
Hey peruwan,
Could you provide us with a link to the site in question so that we can take a closer look please? Also please specify what arrows you are looking to change and how.
Thanks,
Rikard
The website is on a underconstruction page so you can’t see it. Sorry i was talking about the Layerslider WP slide navigation arrows that you can slide the image from left or right.
Hi,
Please go to enfold/css/shortcodes.css file and find
#top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next {
...
}
and adjust as needed. If you elaborate on the changes you would like to make, we could help better :)
Best regards,
Yigit
Ok thank you but i also want to make the background block disappear… I was trying to add to the background: transparent; ->> background: none!important; but that didn’t help.
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-next:before {
background: transparent;
}
Regards,
Yigit
Thank you a other question is it possible when a user is clicking the left arrow the crossfade transition is different than the right arrow when clicking it? So let me say a example if a click from the left arrow the image goes from left to right fade and if the user clicks on the right arrow it goes from right to left fade.
Is this possible?