Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 14, 2014 at 4:02 am #223743
    rdswestnet

    How can I remove the horizontal lines that extend from the top and bottom of the layer slider?
    http://responsivebeach.com

    thanks very much

    February 14, 2014 at 1:46 pm #223961
    Yigit

    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

    February 15, 2014 at 2:21 am #224236
    rdswestnet

    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

    February 15, 2014 at 9:09 am #224296
    Ismael

    Hey!

    Glad it worked. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘remove layer slider "borders"’ is closed to new replies.