Video Background Opacity

Hello,

How Can I change the opacity of a background video without affecting the whole page (when I change the opacity of the video background, it changes the opacity of everything on the page) ?

Thanks for your help

Hello @etienneflorent

The background video element in WF is a Div, if you put something inside this div you can’t change the opacity on the parent without affecting the children.

Can you provide a share link so i can take a look and find another way to do it ?

Hello,

https://preview.webflow.com/preview/etiennes-fantabulous-site?preview=4510d4e7f4fab9a80ae25a5d64f4a61d

As you can see, I am new to Webflow and I think that I messed up a lot of things when trying to build these 2 pages…

1 Like

Hello @etienneflorent,

It’s ok i’m not here to judge we are all experimenting all the time :wink:

Ok so put this on relative

Change this to relative

Put those div in a new div divabsohere : 100% Width and height absolute z index 2


And now you can change your opacity without affecting the content :slight_smile:

3 Likes

Amazing ! Thank you :slight_smile: Merci beaucoup !

1 Like

Pas de soucis @etienneflorent :slight_smile:
Please hit the solved button on the answer so the topic can be closed.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.