hello thanks for looking on the website
i hide the video so thats why you could not see it. if everything went well you could see it now
thanks!
Topic summary
Goal: keep the existing banner text and button over a new MP4 background and align the text to middle-left.
Progress and attempts:
- Initial advice: styling broke because the video section uses different CSS classes than the image banner; reuse the original classes or map them in CSS.
- Access shared; video was unhidden. A helper proposed changing the heading markup and adding CSS to make the heading white. OP got a save error due to inserting code in the wrong place.
- OP shared the Video Background section (Shopify Liquid + CSS + schema). A revised snippet was provided, adding button styling options, but it appears incomplete/malformed.
Current issues (still open):
- Text color isn’t white; “eyebrow/subheading” above the main heading is missing; desktop text is centered instead of left.
- Needs: correct CSS selectors within the video section (or match banner classes), add a dedicated subheading field, left-align via CSS/layout, and fix the schema JSON so it saves.
Notes:
- “Class” refers to CSS/HTML class names; Liquid is Shopify’s templating; schema defines theme editor settings.
- Screenshots and code snippets are central to the thread.
- Another user asked if the solution works on Dawn; answer pending (likely theme-specific).
1 Like