Hero with background video. Text not showing

  • Treasureweb
    May 15, 2026 at 5:40 pm

    Hi

    I have a hero element on the main page. The video is showing up, but the text is now showing up. Can you help me with this, please.

    Thanks,
    Leanne

  • George
    May 16, 2026 at 2:40 am

    Hi Leanne,

    The issue is that the content div is sitting inside the <video> tag — browsers ignore anything placed there, which is why the text isn’t showing up.

    Replace what’s in the content field with this:

    <video loop muted autoplay playsinline poster="https://metalicart.ca/wp-content/uploads/2026/05/Lisa-Video.png" class="background-video">
    <source src="https://metalicart.ca/wp-content/uploads/2026/05/20250303_153006.mp4" type="video/mp4">
</video>
<div class="background-video-content">
    <h1>Lisa Huth ~ Metal Artist</h1>
</div>

    That should have the heading showing over the video. Let us know how you get on.

  • Treasureweb
    May 16, 2026 at 8:23 am

    Hi,

    That fixed it. However, I do not see the difference in the code I had and what you sent.

    But, it works.

    Thank you,
    Leann

  • George
    May 16, 2026 at 9:36 am

    Hi,

    Glad it’s working. I believe you were missing the closing </video> that’s why the browser was ignoring the content, sorry I should have mentioned that!

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