Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 16, 2017 at 12:36 am #793627
    metrocitygirl

    I have searched the forums and nothing matched this topic. There has to be a way to make all the images have rounded corners in the LayerSlider right? Maybe it’s code I have to manually input? Please let me know!

    May 16, 2017 at 12:49 am #793630
    Jordan Shannon

    Hey metrocitygirl,

    Add the following to quick css:

    img.ls-bg{
border-radius:50px!important;
}

    Best regards,
    Jordan Shannon

    May 16, 2017 at 1:11 am #793641
    metrocitygirl

    thanks! So it worked but when the slide is transitioning over to the next slide it makes the corners square for a second and then once the transition happens it goes back to rounded again. It’s weird.

    May 16, 2017 at 2:23 am #793649
    Jordan Shannon

    Hi,

    Seemingly because the slider javascript will be called, and then the css that is applied to it will be called. If there are no other images on that page outside of the slider, then you can add this instead:

    .page-id-1108 img{
border-radius:50px!important;
}

    This should work.

    Best regards,
    Jordan Shannon

    May 16, 2017 at 7:12 am #793740
    metrocitygirl

    thanks!

    May 16, 2017 at 7:28 am #793744
    Rikard

    Hi,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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