Removing spacing from underneath a video on Dawn theme

Shopify Discussion

Topic summary

A user encountered unwanted spacing appearing below a video element in their Shopify store using the Dawn theme. The gap was visible underneath a custom video-with-text section.

Solution Provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code before the closing tag
  • Access via: Online Store > Three dots > Edit code

Outcome:
The CSS fix successfully removed the spacing while maintaining the video’s adaptive height. The issue was resolved and confirmed working by the original poster.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

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.

area in the red box
area in the red box3024×302 296 KB

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.

1 Like
2

Hey @apothicc

  • Navigate to Online Store > Three dots > Edit code
  • Find the theme.liquid file
  • Paste the code below right before the closing tag
  • Save and hard-refresh the storefront

The result should be:

Screenshot_2.png
Screenshot_2.png1277×834 273 KB

3

this worked perfectly! Thank you!

1 Like