[Resolved] video in header not visible

[Ralf]

Hi there,

i tried to insert a video in the header of the index page on the website in the page hero section in elements.
i did everything like in the documention article:

HTML in page hero section:

and the CSS:

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

.page-hero {
position: relative;
overflow: hidden;
}

.background-video-content {
position: relative;
z-index: 1;
}

video[poster] {
object-fit: cover;
width: 100%;
height: 100%;
}

but unfortunately it is not working … can you help, pls ?
Thank you

[Tom]

Hi there,

I’m not seeing any HTML inside the Page Hero on the home page. Have you switched it up?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ralf]

Hi Tom,

thank you for helping me on sunday 😉 …

well, yes, it is in the page hero section in elements ? …

(screenshot deleted)

but i don’t know if it is correct …

[Ralf]

nothing showing up … just a white space …

[Ralf]

ok – i have to go on… so, i disabled the header on the index page and put the video in a normal section for now, until there is a solution – thanks

[Leo]

Is the element is added?

I’m not seeing the code for page hero on the home page either.

Can you add it back in and make sure front page is included in the display rules?

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

[Ralf]

Hi Leo,

ok, it is working now with display frontpage ( i had the page name as display before) – thanks

but why is it so blurry like there is a filter or something ??? (maybe opacity? ) … look at the video in the section below , this one is sharper …

[Ralf]

ok, yes, it was opacity …

thank you so much !!!

[Leo]

Glad you’ve figured out 🙂

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

[Ralf]

i sent a private msg

[Leo]

Is the new question related to the original question about the video in the header not visible?

If not can you open a new topic?

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

[Ralf]

? … haven’t you read the private message? … i want to edit the topic because i do not want that the domain address is visible – so, how can i edit/delete this ?

[Leo]

Sorry I misunderstood.

I just deleted them for you 🙂

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

[Ralf]

Perfect ! Thank you Leo 🙂

[Leo]

No problem 🙂

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

[Author]

Posts