- This topic has 7 replies, 2 voices, and was last updated 1 year, 1 month ago by Leo.
March 17, 2020 at 6:24 am #1197246Suzanna
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 #1197542LeoStaffCustomer Support
Can you try the exact format here?
The div with class
background-video-contentis actually quite important so make sure to wrap your
<h2>with that.March 18, 2020 at 4:04 am #1198188Suzanna
Thanks for the advice – you were right, I didn’t have theclasses 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>
Thanks for your help!March 18, 2020 at 8:08 am #1198587LeoStaffCustomer SupportMarch 19, 2020 at 7:40 am #1199629Suzanna
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 #1199659LeoStaffCustomer SupportMarch 21, 2020 at 5:06 am #1201600Suzanna
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
- You must be logged in to reply to this topic.