Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi gang,
So I added this via them customization to display on my homepage as the main top banner (instead of the default "Image Banner" option). Works fine and is exactly what I want, except now I need to add text over it (heading + subheading) and an action button. Looks like this will require custom code.
I tried to see if I could somehow use the Rich Text block over it, but doesn't appear to be an option (like it is for the "Image Banner").
Here's an example of exactly what I want https://heirloomroses.com/. Headers and an action button over the background video. Below is the custom liquid code I used to place the background video on my homepage:
<style>
video {
position: center;
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
}
</style>
<video autoplay loop playsinline muted>
<source src="https://cdn.shopify.com/test.mov ">
</video>
I appreciate your time and attention, thank you in advance!
I am trying to make a video header with text on top too, if you can teach me how you did it, much appreciated
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025