Solved

How To Make Custom Liquid Video Stretch To 100% Fill Its Section? (Dawn)

milkandcookies
Excursionist
409 0 49

Hi,

How can I stretch my custom liquid video down so it 100% fills its section and does not leave this orange gap behind:

milkandcookies_0-1707183139720.png

Video section bottom padding is already set to 0px.

 

Liquid code for video:

<div class="container">

<video autoplay loop muted playsinline width="100%">
<source src="https://cdn.shopify.com/videos/c/o/v/2ab00f39dfa6478d95cf97c1cec33f14.mp4?v=1633566049" type="video/mp4">

</video>

</div>

 

https://d10cbe-2.myshopify.com/products/signature-25-pack-pop-box

thanks in advance!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7010 1325 1351

This is an accepted solution.

Go to Online Store > Themes > Edit code > open theme.liquid file, add this code under <head>, and save the file 

<style>
#shopify-section-sections--16350539579573__custom_liquid_ipKm4e { margin-top: -10px; }
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
7010 1325 1351

This is an accepted solution.

Go to Online Store > Themes > Edit code > open theme.liquid file, add this code under <head>, and save the file 

<style>
#shopify-section-sections--16350539579573__custom_liquid_ipKm4e { margin-top: -10px; }
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now