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.
2

Hello @JustLitWicks ,

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

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

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

GemPages_0-1678008323364.png
GemPages_0-1678008323364.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team