bottom padding on custom css element

[joshmet]

I need some help with this bottom blue padding under a custom element i have. im finding them all over the webste so if somebody could give me a fix all script and how to install it that would be amazing. i have very little technical experience. 

the website is huntpackaging.com and the password is "websiteentry"

thank you

p.s. the custom liquid code: 

<video id="Mp4Video-template--16980886454486__165664170732e17dcf" class="video-div" data-type="mp4" src="https://cdn.shopify.com/videos/c/o/v/94e62540057e432ab797454250fc4063.mp4" loop="" muted="" playsinline="" autoplay=""

[Dotsquares]

Hi @joshmet,

I edited the CSS code, and it looks fine now.

added Display: Flex in the custom liquid code.

Hope it helps. Let me know if you need more help.

Regards,

[Rahul_dhiman]

Hello @joshmet 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
.section-template--18063071379503__custom_liquid_Kn78Rz-padding {
background: #1f1f21 !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[ZestardTech]

Hello @joshmet,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

video#Mp4Video-template--16980886454486__165664170732e17dcf {
    width: 100% !important;
}
.section-template--18063071379503__custom_liquid_Kn78Rz-padding {
    display: flex;
    background-color: #1f1f21 !important;
}

Let me know if you need further assistance!

[DaisyVo]

Hi @joshmet ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

video.video-div {
    width: 100% !important;
}
section:has(.video-div) {
    margin-bottom: -10px !important;
}

Here is the result:

Please let me know if it works!

Best,
Daisy