Shopify themes, liquid, logos, and UX
So i made a custom liquid section with a video that autoplays. Im wondering how I would i go about setting it to a specific height and how would I go about getting rid of the area in between the header and the video and the next section. Im pretty sure it would be some kind of css but Im really not sure, any help would be appreciated.
Here is the code for the custom liquid section:
<div class="container">
<video autoplay loop muted playsinline width="100%">
<source src="https://cdn.shopify.com/s/files/1/0601/8170/9029/files/video.mp4?v=1633566049" type="video/mp4">
</video>
</div>
Website url: https://ski-crews.myshopify.com/
password: Foxhound
Hi @jamesMeegan,
Go to 'sections/custom-liquid.liquid' file and add code in line 7. https://i.imgur.com/cc6myt5.png => https://i.imgur.com/bkz0U4D.png
Code: custom-section-video
Go to base.css and paste this at the bottom of the file:
.custom-section-video{
margin-top: 0px !important;
}
.custom-section-video+.spaced-section{
margin-top: 0px !important;
}
Hope it is clear to you.
If this helps, please kindly mark it as a solution. Thank you and good luck
User | RANK |
---|---|
154 | |
136 | |
77 | |
71 | |
67 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023