Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 31, 2018 at 11:25 pm #1028653
    kylehogan

    Hi everybody.

    I noticed that Layer Slider displays a grey-ish border at the top and bottom. Is there a way to remove these borders globally?

    I looked in the forum and found several CSS solutions to my question but for some reason, none of then were working on my website so I thought I would ask.

    Thank you.

    November 1, 2018 at 9:39 am #1028772
    Rikard

    Hey kylehogan,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-layerslider {
  box-shadow:none !important;
}

    Best regards,
    Rikard

    November 1, 2018 at 7:43 pm #1028941
    kylehogan

    Thanks, but it didn’t work. I refreshed the page ignoring cache too.

    November 2, 2018 at 1:02 pm #1029133
    Rikard

    Hi,

    I can’t see any border and/or shadow on my end anymore. Please see private.

    Best regards,
    Rikard

    November 2, 2018 at 2:42 pm #1029164
    kylehogan

    There is a border on the bottom of the image you posted imgur. Scroll down and you will see several more boarders.

    November 2, 2018 at 6:41 pm #1029271
    Jordan Shannon

    Hi,

    Have you tried adding the css to the very top of Quick CSS so that it runs first? If not please do that and then clear the cache.

    Best regards,
    Jordan Shannon

    November 2, 2018 at 9:39 pm #1029337
    kylehogan

    Hi Jordon,

    Thanks for the reply. The only custom CSS I have I added is per the above post.

    I cleared the cache on my Mac on both Safari and Chrome and they are still displaying the boarder on the bottom of all Layer Sliders. Strange. I took a screen shot and put into private.

    Also, I created an admin account with password below so if someone could check it out, I would appreciate it.

    Thank you.

    • This reply was modified 6 years ago by kylehogan.
    November 3, 2018 at 7:53 am #1029439
    Rikard

    Hi,

    Please try this as well:

    .avia-layerslider {
    border-top-width: 0 !important;
}

    Best regards,
    Rikard

    November 3, 2018 at 5:05 pm #1029501
    kylehogan

    Yes! That worked Rikard when I combined the previous code to your code. Thank you so much. 

    .avia-layerslider {
  box-shadow:none !important;
}
.avia-layerslider {
    border-top-width: 0 !important;
}
    November 4, 2018 at 6:16 am #1029567
    Rikard

    Hi,

    Great, glad you got it working. You can keep that within the same selector as well if you like:

    .avia-layerslider {
  box-shadow:none !important;
  border-top-width: 0 !important;
}

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

    Best regards,
    Rikard

    November 4, 2018 at 3:04 pm #1029616
    kylehogan

    Yes. Please close this topic. Thanks.

    November 5, 2018 at 5:18 am #1029753
    Rikard

    Hi,

    Thanks for letting us know. I’ll close this for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Remove Border on Layer Slider’ is closed to new replies.