Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 10, 2014 at 10:15 am #289388
    vbresan

    Hi there.

    I have a layer slider background image with 1600px width. On screens with bigger resolution this caused the image to be repeated, i.e. tiled. I looked for a solution and I have found the following:
    https://kriesi.at/support/topic/turn-off-background-repeat-in-slider/#post-193976

    This solved the problem, but now I have top and bottom border around the image. How to make it go away?

    My site is at: http://binaryso.lin34.host25.com/
    You can notice the border if you zoom out (Ctrl -).

    Thanks in advance, Viktor.

    July 10, 2014 at 6:29 pm #289670
    Yigit

    Hey vbresan!

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

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

    Cheers!
    Yigit

    July 11, 2014 at 3:29 pm #290131
    vbresan

    Hmmm, I have added it to Quick CSS and still the same. :-/

    July 11, 2014 at 3:39 pm #290136
    Yigit

    Hey!

    The one on the top is header border and the bottom one is the top border of following element. Please add following code to Quick CSS as well if you would like to remove them as well

    div#after_layer_slider_1 {
border-top: none!important;
}
#header_main {
border-bottom: none!important; 
}

    Cheers!
    Yigit

    July 12, 2014 at 3:44 pm #290512
    vbresan

    Thank you, this works! Though i decided to keep the header border since it was awkward on other pages.
    Regards, Viktor.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘LayerSlider backgound image – how to remove border?’ is closed to new replies.