Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1028653

    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.

    #1028772

    Hey kylehogan,

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

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

    Best regards,
    Rikard

    #1028941

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

    #1029133

    Hi,

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

    Best regards,
    Rikard

    #1029164

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

    #1029271

    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

    #1029337

    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, 1 month ago by kylehogan.
    #1029439

    Hi,

    Please try this as well:

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

    Best regards,
    Rikard

    #1029501

    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;
    }
    #1029567

    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

    #1029616

    Yes. Please close this topic. Thanks.

    #1029753

    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

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