Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #223743

    How can I remove the horizontal lines that extend from the top and bottom of the layer slider?

    http://responsivebeach.com

    thanks very much

    #223961

    Hi rdswestnet!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #av_section_1 .container_wrap, .avia-layerslider { border-top-style: none; }
    .avia-layerslider  .avia-shadow { box-shadow: none; }
    #header_main { border-bottom-style: none; }

    Cheers!
    Yigit

    #224236

    Hey Thanks so much for the quick response. That code did not actually remove the line extending from the bottom of the slider. What did work is:
    DIV#av_section_1.avia-section.main_color.avia-section-default.avia-no-shadow.avia-builder-el-1.el_after_av_layerslider.avia-builder-el-last.container_wrap.fullsize
    {
    border:0;
    }

    God knows that couldn’t be the most efficient selector but it does the trick. It’s perfect in Safari and Chrome, but in Firefox a very faint line persists.

    Thanks

    R

    #224296

    Hey!

    Glad it worked. :)

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘remove layer slider "borders"’ is closed to new replies.