Trying to add a button over a custom liquid loop video

Store Design
1

We’ve managed to find a code to get a looped video through the custom liquid section, however we can’t figure out how to get a button over the top, we’ve tried a bunch of suggestions but no luck :disappointed_face:
Ideally we want a solid button filled with a colour (probably a grey to match the header but we’d like to be able to adjust it), with white text. We are trying to make a “shop now” button that links to our product catalogue.

US Question.JPG
US Question.JPG1461×597 82.1 KB

Our store can be found at:
URL: https://urban-style-home.myshopify.com/
Password is: whohff

Custom liquid section we used:

video { width: 100%; height: auto; display: block; margin: 0; }
2

@HomeLivingStore - can you please try this code in your custom html section and check? replace dummy text with button code


  
   
   
    

      this is dummy text...........this is dummy text...........
      this is dummy text...........this is dummy text...........
      this is dummy text...........this is dummy text...........
1 Like
3

Hi Suyash1,

Thank you very much that worked well!

I can adjust the positioning using the percentages.

Is there a way we can adjust the text and box colours ??

4

@HomeLivingStore - text_on_video in above code is the class, set required css properties to it and it will change colors

5

yo Suyashi i embeded that code on liquid form in my shopify store but i dont know how to get the play button over my video

6

like ik you gave the code but then you said replace dummy text with pllay code. whats the play code?