[Resolved] Advice on Setting a Site Title with a Header Video – Please

Home Forums Support Advice on Setting a Site Title with a Header Video – Please

This topic contains 7 replies, has 2 voices, and was last updated by  Leo 2 months, 1 week ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1197246

    Suzanna

    Hi,
    I just changed my homepage header to a video. I actually really like how it turned out, but I’m having one issue I think with proper coding…
    I can’t get the site header to appear in the middle of the first screen, over the video, like it did on the image. I have my site title, a line of descriptive text, and a call-to-action button that I’d like to appear above the fold. I’ve played with everything I know how, but I can’t get it quite right.
    Thanks for your advice!

    #1197542

    Leo Customer Support

    Hi there,

    Can you try the exact format here?
    https://docs.generatepress.com/article/page-hero-background-video/

    The div with class background-video-content is actually quite important so make sure to wrap your <h1> and <h2> with that.

    #1198188

    Suzanna

    Hi,
    Thanks for the advice – you were right, I didn’t have the

    classes in – but it doesn’t seem to make much difference. I moved the new segment of code around, up, down, and in the middle of the video code, but only succeeded in either moving the title to the top, bottom, or disappearing lines altogether. I’ve left my code exactly as listed on the article you linked:
    <video loop muted autoplay poster=”https://twinbuttesranch.com/wp-content/uploads/2019/03/Arizona-2018-Twin-Buttes-Ranch-260-Jepeg.jpg/TO/poster.jpg” class=”background-video”>
    <source src=”https://twinbuttesranch.com/wp-content/uploads/2020/02/Ranch-video-no-loop.mp4″ type=”video/mp4″>
    </video>

    <h1 class=”hero-headline”>Twin Buttes Ranch</h1>
    <h2>Discover the Potential of a Huge Ranch with Untapped Mineral & Renewable Energy Resources</h2>
    DISCOVER</h3>

    Thanks for your help!

    #1198587

    Leo Customer Support

    Looks like the wrong quotation was used here:
    https://www.screencast.com/t/sBdCSFI5

    It should work once you’ve fixed that.

    Should be " " and not

    #1199629

    Suzanna

    Thank you – but now I’m really confused. I changed that, and the video has disappeared completely! I even tried re-pasting what I sent you, but the video no longer appears on the homepage.

    #1199659

    Leo Customer Support

    I’m still seeing the wrong quotation everywhere:
    https://www.screencast.com/t/0b5iXT6QNtDy

    Can you make sure all of them are fixed? Please also disable Endurance page cache plugin for now.

    #1201600

    Suzanna

    OK, that did it! Thanks for providing the right quotations, I realized that I was using my keyboard to re-input those, and when I copy/pasted yours, it clicked in better than ever. I appreciate your help – you guys are the BEST!

    #1201941

    Leo Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.