Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #207190

    Is there a way to make the first (or any) slide within a homepage LayerSlider transparent, so that the background image of the site is displayed rather than an image uploaded to the background of said slide?

    Thanks

    #207216

    Hello!

    I don’t think that’s possible with your current setup, because you’d need to erase the content background too, and that will affect the content below the slider. Maybe putting the LayerSlider inside a color section could work.

    Cheers!
    Josue

    #207613

    Hmm…it doesn’t look like it’s possible to put an Advanced Layer Slider into a color section?

    #207615

    Oh, i forgot about that. Unfortunately is not possible to achieve that with LS.

    Regards,
    Josue

    #207767

    So there’s no way to make one of the slides in the Advanced Layer Slider transparent?

    #207774

    Hi!

    You could make it transparent, however it won’t show the body background but the container background.

    Cheers!
    Josue

    #209836

    So how do I make the container background transparent?

    #209890

    Hey!

    Can you please post a screenshot of what you’re trying to do?

    Add this on Quick CSS to make the layer slider container transparent:

    .avia-layerslider.main_color {
    background: transparent !important;
    }

    You can also change it to a certain color:

    .avia-layerslider.main_color {
    background: blue !important;
    }

    Then add this to decrease the opacity of the first slide background:

    #ls-global * div div#layerslider_1 .ls-layer > .ls-bg {
    opacity: .2 !important;
    }

    Cheers!
    Ismael

    #210971

    Thanks Ismael,

    I added those lines but it didn’t change anything. Please see this screenshot:
    LayerSlider for TIC

    So essentially I’m going to just keep the text on that first slide, and hope that the first slide can be completely transparent and show the background image instead (which is the same image that the slide has right now, but is misaligned every time the aspect ratio is changed).

    Thanks

    #210972

    I’ve actually just removed the image from that first slide, but now it’s just the gray container background…

    #211062

    Hey!

    Can you please post the link to the actual website? The code I gave you works as intended. Probably needed a few adjustments on your end.

    Cheers!
    Ismael

    #211361
    This reply has been marked as private.
    #211363

    Although I have recently reset it to the stretched layout, because when using a background image for the boxed layout and setting it at center top, it does not actually center at top center.

    Why was this discussion closed? I was still trying to fix this issue, and just changed it back to stretched for the time being…

    • This reply was modified 10 years, 2 months ago by erikkIsrael.
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘LayerSlider WP Transparent First Slide’ is closed to new replies.