How to remove white space on product page (Dawn Theme)

Store Design
, , , ,

Topic summary

A user seeks to reduce vertical spacing between two text elements with checkmarks on their product page using Shopify’s Dawn theme.

Problem:

  • Excessive white space exists between product description text blocks
  • User wants to bring tick-marked text sections closer together while maintaining other spacing

Solutions Provided:

Two community members offered nearly identical CSS fixes:

  1. Navigate to Online Store → Theme → Edit Code
  2. Locate the base.css file in assets
  3. Add CSS targeting the subtitle element at the end of the file

One solution uses margin-top: -5px !important; while the other uses margin-top: 0; - both targeting .product__text.inline-richtext.subtitle

Outcome:

  • The issue appears resolved based on the final thank-you message
  • Visual examples were provided showing the before/after results
Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hiya,

How could I remove white space between these two pieces of text on my product page? See where I’ve drawn the little red lines, I would like to have those texts with tick-marks closer together. The rest of the spacing can stay the same.

See:

WVU_0-1739290578879.png
WVU_0-1739290578879.png1465×874 257 KB

URL: https://utrecht-winkel.nl/

Thanks in advance!

1 Like
2

Hello @WVU

Either no one is seeing the text, or I can’t see it.

devcoders_0-1739291251507.png
devcoders_0-1739291251507.png1314×597 225 KB

3

Hi Devcoders,

My bad, and thanks for your response. You should see it now! :slightly_smiling_face:

1 Like
4

Hi WVU

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
p.product__text.inline-richtext.subtitle {
    margin-top: -5px !important;
}

Result:

LizHoang_0-1739292573300.png
LizHoang_0-1739292573300.png544×312 30.4 KB

Best,

Liz

5

Hello @WVU

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.product__text.inline-richtext.subtitle {
margin-top: 0;
}

devcoders_0-1739292636280.png
devcoders_0-1739292636280.png1298×496 223 KB

1 Like
6

Hello @WVU

You’re very welcome! I’m thrilled to hear that you’re pleased with the outcome. Don’t hesitate to reach out if you need further assistance.

like and accepting the All solution. Thank you!

1 Like