Getting Image Banner Content On Mp4 Video

Topic summary

Issue: After replacing a GIF banner with an MP4 video background, the overlay text and button no longer display/align correctly. The goal is to replicate the original banner’s text/button styling and position them middle-left over the video.

Context: The GIF loaded slowly and looked poor; the MP4 looks good. The user asks if the text/button code from the image banner can be copied into the video background section to restore layout and styling.

Assets: Two screenshots are provided—one showing the desired result on the old GIF, and one showing the incorrect text/button on the new MP4—indicating visuals are central to understanding the issue.

Latest update: A responder requested the store URL (and password if protected). The user supplied the store URL and confirmed it is not password-protected.

Status: No fix or concrete guidance yet; assistance pending.

Open questions:

  • Best method to overlay and align banner text/button over an MP4 background (CSS/HTML approach).
  • Whether copying the banner’s existing markup/styles into the video section is appropriate or if a different structure is needed.
Summarized with AI on January 3. AI used: gpt-5.

Hello @Distinctz ,

Can you please share the URL of the site? If your site is password-protected, then please also provide the password.

1 Like