Looping Video With Text Overlay

Highlighted
Shopify Expert
3913 559 940

Hi @SYE_Watches 

For that need to make some custom code changes,

You can add background to title using this: add in css

.video_text{background: #1918189e;}

But for button and form we must need custom  code you have to hire developer if dont know well coding.  if want you can pm me too. 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
9 0 1

Hi,

 

I knew how to add an overlay just under the text but my wish is to get the overlay on the whole video.

How to do that ?

Thanks

0 Likes
Highlighted
Shopify Expert
3913 559 940

try to add that code may be help

.prestige--v4.template-page #section-custom-html .Rte{    position: relative;}

.prestige--v4.template-page #section-custom-html .Rte:after {content: ''; display: block; clear: both; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 16%); opacity: 1; transition: all 0.5s; }
.video-background{transform: initial !important; width: 100%;}
Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
9 0 1

Thanks but Unfortunately it messes the layout

0 Likes
Highlighted
Shopify Expert
3913 559 940

I cant see you have added my code.

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
9 0 1

When I added it, the whole css was messed, So I finally removed your recommendations.

0 Likes
Highlighted
Tourist
8 0 2

thanks for the code.  I removed the "no-controls" from my code, but am still not able to get to have the play and stop option.

store url is thesteelbee.com

0 Likes
Highlighted
New Member
3 0 0

Greta article and very helpful. IM juts a little unsure on step 4 for the CSS. 

I can see a similar section (not theme.scss.liquid) in my edit code bit which is theme.liquid, Is that the right place? and can i copy and paste your css code into any bit of that - or does it need to be placed somewhere specific?

Cheers

Benny

KaldiCoffeeK

0 Likes
Highlighted
Shopify Expert
3913 559 940

hi @KaldiCoffeeUK 

If you cant find theme.scss file then add in any Asset->.css or .scss file or add in theme.liquid just before </body> within  <style> ..css code add here.. </style> tag.

 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes