Archived topic

Advice on Setting a Site Title with a Header Video - Please

7 replies · Started by Suzanna on March 17, 2020

Viewing posts 1–8 of 8

March 17, 2020 at 6:24 am #1197246

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!

March 17, 2020 at 9:05 am #1197542

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.

March 18, 2020 at 4:04 am #1198188

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!

March 18, 2020 at 8:08 am #1198587

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

March 19, 2020 at 7:40 am #1199629

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.

March 19, 2020 at 8:17 am #1199659

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.

March 21, 2020 at 5:06 am #1201600

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!

March 21, 2020 at 8:44 am #1201941

No problem :)

This archived topic is closed to new replies.

Start building better websites today.