Removing spacing from underneath a video on Dawn theme

Solved

Removing spacing from underneath a video on Dawn theme

apothicc
Visitor
2 0 2

Hi friends! I've been working on this website (https://huskcr-zz.myshopify.com/ pw:peeria) and I have created a video with text section for the page. However, the section is showing a small gap underneath the video and I can't figure it out how to get that removed.

 

Screenshot 2025-03-23 at 6.55.00 PM.png

 

Does anyone have any suggestions of how i can get that fixed, but still have the video height adaptive? I'm thinking that this could be accomplished with CSS, but i'm just hitting a wall on this.

 

Thank you all, I appreciate the help.

 

Accepted Solution (1)

CafeDelMar
Shopify Partner
163 36 46

This is an accepted solution.

Hey @apothicc 

 

  • Navigate to Online Store > Three dots > Edit code
  • Find the theme.liquid file
  • Paste the code below right before the closing </body> tag
  • Save and hard-refresh the storefront
<style>
	video {
	    display: block!important;
	}
</style>

 

The result should be:

Screenshot_2.png

➡➡   Easy Embed Code   ⬅⬅ add CSS/JS/Liquid codes to any page of your store



Speed Booster App - Improve your store speed in 3 clicks
- Was your question answered? Mark it as an Accepted Solution

View solution in original post

Replies 2 (2)

CafeDelMar
Shopify Partner
163 36 46

This is an accepted solution.

Hey @apothicc 

 

  • Navigate to Online Store > Three dots > Edit code
  • Find the theme.liquid file
  • Paste the code below right before the closing </body> tag
  • Save and hard-refresh the storefront
<style>
	video {
	    display: block!important;
	}
</style>

 

The result should be:

Screenshot_2.png

➡➡   Easy Embed Code   ⬅⬅ add CSS/JS/Liquid codes to any page of your store



Speed Booster App - Improve your store speed in 3 clicks
- Was your question answered? Mark it as an Accepted Solution
apothicc
Visitor
2 0 2

this worked perfectly! Thank you!