Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #420133


    How is it possible to change Layerslider previous/next slide buttons shape and colors?


    Hey L!

    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: rgba(255,0,0,0.5); }
    #top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next { color: orange; }



    Maybe this post is too old, but I’m trying to change the color of the LayerSlider previous/next buttons, and this code doesn’t seem to work. I wanted a nice gold, like rgba(255,215,0 ,1 )

    Is there CSS that works?

    Many thanks!



    @rasa Please try using the code as following

    #top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next {
        background: rgb(255, 215, 0);

    After adding custom CSS code, please make sure to disable CSS file merging in Enfold theme options > Performance and clear cache. If that does not help, please start a thread under Enfold sub forum – and attach temporary admin logins in private content field so we can look into it :)

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Layerslider previous/next buttons shape and color’ is closed to new replies.