[Resolved] background video in Elements

[ivar]

Hi guys! I have a question. I installed the video in the header of the site according to the instructions:
https://docs.generatepress.com/article/page-hero-background-video/

but my video now overlaps the title and buttons. how to fix it?
https://hackhub.ru/

[ivar]

With this question has understood… But there are others-why does the video have an extra white background? I looked through all the settings – nothing found…

[David]

Hi there,

i am not seeing the video overlapping the buttons or title? Is this in any particular browser?

This CSS:

.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

The opacity property lets the background color show through. If you don’t want it to then remove that property or set it to opacity: 1;

I notice that the the first second of the video is also ’empty’ so when it first plays there is no video image and therefore you see the body background color.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[ivar]

The opacity property lets the background color show through. If you don’t want it to then remove that property or set it to opacity: 1;

That’s where the reason for the background overlay on the video! Thank you!

[David]

Awesome 🙂 Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts