Reduce Line Height in Product Description - Dawn Theme

Store Design

Topic summary

A user seeks to reduce line spacing in product descriptions on the Dawn theme, which defaults to double spacing. They want single spacing throughout.

Initial Solutions Provided:

  • Two support teams (GemPages and PageFly) offered CSS code targeting .product__description.rte with line-height: 1.3 !important
  • This successfully reduced spacing between wrapped sentences but left excessive gaps between paragraphs

Refined Solution:
PageFly provided updated CSS that addresses both issues:

  • Sets overall line-height to 1.3
  • Removes default paragraph margins
  • Adds 10px top margin between consecutive paragraphs only

Additional Requests:

  • One user asks about text justification (right edge currently appears jagged)
  • Another user with bilingual content (Arabic/English) requests different line-height values: the provided code works for English but they need 18px spacing specifically for Arabic text

The thread remains open with these two follow-up questions unanswered. All solutions involve editing section-main-product.css in the theme’s Asset folder.

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

Hi @JustLitWicks ,

You can try replace previous my code by below code:

.product__description.rte {
    line-height: 1.3 !important;
}
.product__description.rte p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.product__description.rte p + p {
    margin-top: 10px !important;
}

I hope it would help you
Best regards,

Richard | PageFly

2 Likes