Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 20, 2013 at 9:49 pm #164231
    miketran

    I added a border to the layerslider by adding this css code in the quick CSS window

    .ls-container {
    border: 20px solid;
    }

    but I cannot figure out how to modify the border color.

    What code do I use and should I use the quick css window or the custom.css?

    Thanks,
    M

    September 20, 2013 at 10:51 pm #164255
    Josue

    Hi miketran!

    Simply define a third paremeter in the border property you already created:

    .ls-container {
border: 20px solid red;
}

    Regards,
    Josue

    September 21, 2013 at 4:03 pm #164461
    miketran

    Thanks Josue,

    I have tried that and for some reason the border color is not changing, although the border width works fine.

    I am putting the code in the Quick CSS.

    Here’s what I have:

    .ls-container {
    border: 20px solid red;
    }

    Here is the site: http://www.acrosolutions.com/

    Any ideas?

    September 21, 2013 at 8:43 pm #164533
    Josue

    Hey!

    Yes, that happens because there is another rule overwriting it, however adding !important will force it to change:

    .ls-container {
border: 20px solid red !important;
}

    Cheers!
    Josue

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to add border and adjust border color on layerslider’ is closed to new replies.