Question about custom liquid video in Dawn theme

jamesMeegan
Excursionist
47 1 10

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.

Screen Shot 2021-10-08 at 1.58.46 PM.png

Screen Shot 2021-10-08 at 2.04.43 PM.png

 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 

Reply 1 (1)
LitExtension
Shopify Partner
4859 1001 1101

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

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify