Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 26, 2016 at 10:42 am #678043
    Sadegh

    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

    August 30, 2016 at 3:12 pm #679493
    Yigit

    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

    August 30, 2016 at 3:48 pm #679526
    Sadegh

    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

    August 30, 2016 at 3:49 pm #679529
    Yigit

    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

    August 30, 2016 at 3:54 pm #679531
    Sadegh

    Thanks a lot Yigit, it shows perfect now :)

    (you may now close the thread please)

    Regards,
    Sadegh

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