Site logo

[Resolved] Page Hero Background Video – Background

Home Forums Support [Resolved] Page Hero Background Video – Background

Home Forums Support Page Hero Background Video – Background

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1725883
    Stephan

    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

    #1726023
    David
    Staff
    Customer Support

    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.

    #1726038
    Stephan

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

    #1726124
    David
    Staff
    Customer Support

    Glad to be of help

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.