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?

#158683
Tom
Lead Developer
Lead Developer

So you would add something like this into your section through the “Text” tab:

<div class="section-overlay"><!-- overlay --></div>

Then try this CSS:

.section-overlay {
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

Give that a shot and let me know how it works out.

Also, you can use a free editing program like Gimp to add overlays over your images 🙂