Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 4, 2017 at 1:43 pm #771752
    greatliona

    Hi there,

    Is there any code to change the button into a circled one?
    I can change the color by using the following code:

    .ls-gui-element.ls-nav-next::before {
border: 1px solid #fff;
}

    But I can’t make it circle, please teach me. :)

    April 6, 2017 at 7:25 am #772991
    greatliona

    Hello!

    Any suggestion please~!
    Thanks!

    April 6, 2017 at 12:17 pm #773133
    Victoria

    Hi greatliona,

    This article will give you the code for a circle.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 6, 2017 at 6:43 pm #773386
    greatliona

    I tried to use this folloeing code

    .ls-gui-element.ls-nav-next::before, .ls-gui-element.ls-nav-prev::before  {
border: 1px solid #fff;
border-radius: 50%;
}

    But still only changed the border color, anything wrong?

    • This reply was modified 7 years, 8 months ago by greatliona.
    April 8, 2017 at 7:23 am #774332
    Rikard

    Hi,

    Please try this instead:

    .ls-gui-element.ls-nav-next::before, .ls-gui-element.ls-nav-prev::before  {
border: 1px solid #fff;
border-radius: 100% !important;
}

    If you want to learn CSS then you can find many resources online, including W3Schools.

    Best regards,
    Rikard

    April 9, 2017 at 4:40 pm #775013
    greatliona

    Hi there,

    Problem solved.
    I change the selector then it works.
    Now I use

     #top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-next:before  {
border: 2px solid #fff;
border-radius: 50%;
}

    Thanks!

    April 9, 2017 at 4:44 pm #775015
    Jordan Shannon

    Hi,

    Great! We are happy that you were able to get this solved. If you need additional help, please don’t hesitate to contact us here.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.