Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #678043

    Hi Kriesi Team,

    How may I change the style of the navigation circles in Layer Slider? (like the ones I have mentioned below)
    .

    > I would like to make them bigger and change their color to orange as well.

    Kind regards,
    Sadegh

    #679493

    Hi Sadegh!

    Please add following code to Quick CSS

    #top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop { 
    height: 20px;
    width: 20px; 
    }
    #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, #top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop {
    background: orange; 
    }

    Best regards,
    Yigit

    #679526

    Hey Yigit,

    Thanks a lot, the code works perfect :)
    Just please let me know how may I increase the space between those circles?

    Kind regards,
    Sadegh

    #679529

    Hi!

    Please add following code to Quick CSS as well

    #top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop {
        margin-right: 5px;
    }

    Regards,
    Yigit

    #679531

    Thanks a lot Yigit, it shows perfect now :)

    (you may now close the thread please)

    Regards,
    Sadegh

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘change the style of navigation circles’ is closed to new replies.