Video Background Using Custom Liquid > Dawn Theme

loganw
New Member
6 0 0

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!

Reply 1 (1)

shania4th
Shopify Partner
1 0 0

I am trying to make a video header with text on top too, if you can teach me how you did it, much appreciated