Slider overlay

hi,

i would like to overlay the slideshow as the header images. I see you use <div class=“overlay”></div> but i can’t find the right way to apply it to the slideshow. Hope somebody can help me with that.
thank you

Hi,

You can do this in a custom CSS plugin and adjust if needed:


#slideshow::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
}
.text-slider-section {
    z-index: 12;
}

Thank you so much Vlad. It works perfectly.
have a nice day :smiley: