Home › Forums › Support › Semi-transparent image overlay for sections and page-header? › Reply To: Semi-transparent image overlay for sections and page-header?
December 7, 2015 at 11:43 pm
#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 🙂