Colored overlay for background video is not appearing

Hey community,
I´ve got a problem with a simple colored overlay for my background video. It cannot be seen in the preview, nor in the published site.
I´ve tried to play around with the positioning options as well and I also deleted and rebuild the whole stucture. Do you have any suggestions how to solve this?
Cheers, Nils

(I added a non transparent orange layer for testing.)

Bildschirmfoto 2020-03-17 um 12.07.14


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

Hi @Nilson!

I think it is not possible to add an overlay on the background video.

But you can add the video background inside a div block with position: relative and then add a new div block with position: absolute to be that overlay effect with a higher z-index.

Please, tell me if it works.

Eve Kayser

Hi @evekayser!

Thanks for you reply! I am aware of this solution :slight_smile: .
But as you can see in this webflow tutorial, it should work a smarter way. (02:20)

Cheers Nils

oh I see. I realized it is happening because of interactions, but I really don’t know why, maybe you can test another ways do to that to see if it works.

If you have this div block as cover effect, maybe you can control better this interactions.

Eve Kayser

1 Like

Okay, so far so good :slight_smile: Thank you @evekayser