Add top padding in Image Banner section | Dawn Theme

Shopify Discussion

Topic summary

Issue: In the Dawn theme, the user can’t add top padding to the Image Banner; applying custom CSS (padding-top or margin-top) doesn’t work and causes “Flash sale” images to become larger. A screenshot was provided to illustrate the layout problem.

Suggested fix: Add this in the section’s Custom CSS: .banner { margin-top: 50px; } to create top spacing without scaling the image.

Next steps: Another participant requested the store URL and (if applicable) the storefront password to investigate directly.

Status: Unresolved. Awaiting the user to test the suggested CSS and/or share store access for further debugging.

Summarized with AI on January 13. AI used: gpt-5.
1

I want to add padding on top in the image banner section, I use the dawn theme.

But, custom CSS padding-top or margin-top not working for me. Flash sale pictures even become big.

Screenshot_7.png
Screenshot_7.png1011×352 58 KB

2

Hi @Sahfri-yo

Please try to add this code to Custom CSS of that section

.banner { margin-top: 50px; }
3

Hey @Sahfri-yo

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed