Reply To: Semi-transparent image overlay for sections and page-header?

Home Forums Support Semi-transparent image overlay for sections and page-header? Reply To: Semi-transparent image overlay for sections and page-header?

#158850
Tom
Lead Developer
Lead Developer

Let’s try this instead:

Give your section a custom class – my-custom-class for example.

.my-custom-class {
    position: relative;
}

.my-custom-class:before {
    position: absolute;
    content: ".";
    background-color: rgba(255, 255, 255, 0.6);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.my-custom-class .generate-sections-inside-container {
    position: relative;
    z-index: 2;
}