Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 9, 2014 at 3:37 am #207190
    erikkIsrael

    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

    January 9, 2014 at 6:23 am #207216
    Josue

    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

    January 9, 2014 at 8:19 pm #207613
    erikkIsrael

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

    January 9, 2014 at 8:25 pm #207615
    Josue

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

    Regards,
    Josue

    January 10, 2014 at 2:00 am #207767
    erikkIsrael

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

    January 10, 2014 at 2:05 am #207774
    Josue

    Hi!

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

    Cheers!
    Josue

    January 15, 2014 at 3:05 am #209836
    erikkIsrael

    So how do I make the container background transparent?

    January 15, 2014 at 7:31 am #209890
    Ismael

    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

    January 17, 2014 at 2:16 am #210971
    erikkIsrael

    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

    January 17, 2014 at 2:26 am #210972
    erikkIsrael

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

    January 17, 2014 at 7:25 am #211062
    Ismael

    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

    January 17, 2014 at 8:51 pm #211361
    erikkIsrael
    This reply has been marked as private.
    January 17, 2014 at 8:52 pm #211363
    erikkIsrael

    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, 11 months ago by erikkIsrael.
  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘LayerSlider WP Transparent First Slide’ is closed to new replies.