Archived topic
Opacity Layer
3 replies · Started by Rick on March 18, 2023
Viewing posts 1–4 of 4
How can I add an opacity layer on a hero image in a Header Element? I'd like the hero image to appear darker using something like rgba(0, 0, 0, 0.3) as the overlay. I'm using the WPBakery page builder (not my choice).
Thanks!
-Rick
Hi there,
if you edit your Header Element, on the Page Hero tab, if you have an image set there is an option use Background Overlay check that, and then set the Background Color and that will create the overlay.
I tried that, but I used just a hex value for the color, which wiped out the image. Now I'm using rgba(0, 0, 0, 0.3) instead, and it works perfectly. I don't know why I didn't try that earlier. Thanks for your help!
You're welcome
This archived topic is closed to new replies.
