Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 30, 2014 at 2:51 am #326923
    mcraig77

    Hi, how do I change the Home slider bottom navigation bullets color ?

    September 30, 2014 at 1:53 pm #327203
    Yigit

    Hi mcraig77!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    #top .avia-layerslider .ls-bottom-slidebuttons a.ls-nav-active { background: orange; }
#top .avia-layerslider .ls-bottom-slidebuttons a { background: red; }

    Regards,
    Yigit

    September 30, 2014 at 9:32 pm #327605
    mcraig77

    Thanks!

    September 30, 2014 at 9:37 pm #327608
    mcraig77

    Is there any way to increase the size of the buttons? and change the rollover color?

    Thanks SO much for the support

    October 1, 2014 at 10:00 am #327927
    Ismael

    Hi!

    You can use this:

    #top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop {
height: 20px;
width: 20px;
border-radius: 30px;
}

    Use this for the hover state:

    #top .avia-layerslider .ls-bottom-slidebuttons a.ls-nav-active, #top .avia-layerslider .ls-bottom-slidebuttons a:hover, #top .avia-layerslider a.ls-nav-start:hover, #top .avia-layerslider a.ls-nav-stop:hover, #top .avia-layerslider a.ls-nav-start-active, #top .avia-layerslider a.ls-nav-stop-active {
opacity: 0.6;
filter: alpha(opacity=60);
background: #000;
}

    Regards,
    Ismael

    October 2, 2014 at 12:46 am #328584
    mcraig77

    Thanks! works great!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Home slider bottom navigation bullets change color’ is closed to new replies.