Archived topic
darken opacity on video hero image
3 replies · Started by Jeffrey on August 2, 2022
Viewing posts 1–4 of 4
I am trying to make the opacity darken on the video background hero. I tried a bunch of things but I am lost.
Is it possible?
Hi Jeffrey,
1. Give an additional CSS class to the container block, eg. bg-video-container.
2. Set 100vh as the min-height of the container.
3. Set a dark color as the container's background color.
4. Add this CSS:
.gb-container.bg-video-container {
position: absolute;
width: 100%;
}5. Change the opacity of your current CSS selector .background-video to 0.5 or lower instead of 1.
Amazing! Thank you so much!
You are welcome :)
This archived topic is closed to new replies.
