[DAWN] How do I reduce the padding on the product page

Topic summary

A user seeks help removing excessive padding (gray areas) on their Dawn theme product page. They provide a specific product URL as an example.

Proposed Solution:
GemPages support team responds with CSS customization steps:

  • Navigate to Online Store > Theme > Edit code
  • Open the theme.liquid file
  • Insert custom CSS markup before the </head> tag

The response includes a screenshot showing where to locate the theme editor. The solution involves adding custom CSS code to override the default padding settings in the Dawn theme.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.

Hi, I’m having trouble finding a solution to the padding on the product page of the theme Dawn. How can I remove the padding indicated by the grey areas?

Thanks in advance!

This is the URL: https://www.chicway.nl/products/sofia-handtas

Hello @chicwaynl ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team