Site logo

Archived topic

Page Hero Background Video - Background

3 replies · Started by Stephan on April 8, 2021

Viewing posts 1–4 of 4

Hello,

I managed to show a local background video with a header element.

I do not understand this part, however:

<div class="background-video-content">
    Your Element content in here.
</div>

Should the text in there be an overlay over the video or can I make another element and that gets combined with the video? With using as it is, the text just shows up under the video.

Thanks a lot,
Stephan

Hi there,

the CSS you have added is incorrect. Make sure you use the exact CSS provided here:

https://docs.generatepress.com/article/page-hero-background-video/

Then in the Header Element add some Top and Bottom Padding to set the image size. Use % padding to keep it responsive. Try 28% top and 28% bottom padding - this will be roughly the same aspect ratio as the video.

Thank you! That happened when playing around. :) Now it works perfectly!

Glad to be of help

This archived topic is closed to new replies.