Hi, newbie webflow user. I want to have a video background as a landing page. I can add the video but I can’t work out how to add an overlay element on top of it.
Please note, I’m adding video by just using a video url from wistia,
So in fact you need to put one element on top of another. So in CSS we’ll say that this overlay element has to be “position:absolute”.
Basically, you create an element (div, section…) and you put inside the element containing your video background.
Now, also put inside the element you want overlay the video. It should appear underneath.
Select the first element, the one hosting both the video background and the overlay element, and give it the property “position:relative”. It has no effect but this is needed.
Then select the element containing all the overlay content and give it “position:absolute”, then click on one of the positioning buttons, and adjust possibly with values. You overlay content should be on top of the video now.