How can I adjust single spacing on Minimal theme?

Topic summary

A user seeks help adjusting line spacing in their Shopify store using the Minimal theme. The issue involves excessive spacing between text lines in a rich text section.

Solutions Provided:

  • Multiple CSS code snippets were offered to reduce spacing, targeting .rte.rich-text__text--medium elements
  • Suggestions included setting margin: 0, line-height: 1, and adjusting padding-top values
  • Code should be added to the bottom of the theme.scss.liquid file via Online Store > Themes > Edit code > Assets

Outcome:

  • Initial solutions didn’t fully resolve the problem
  • After trying different CSS approaches, the user reported partial success
  • Final tweak brought the “Dog Lover Gift” title too close to the line above
  • Discussion remains open as the user continues to need minor adjustments to achieve the desired single-spacing result
Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.

Hi, can someone please help me with the issues below on the screenshot, thanks.

mollycoddlemeg.co.uk Preepi

@Molly8 ,

div#shopify-section-16553092826a868156 {
    padding: 0;
}

div#shopify-section-c2130c50-f4bc-41de-94c7-e575b50f3ceb {
    padding-top: 0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Hi, no unfortunately no changes.

Kind regards

Molly

@Molly8
Your issue solve na

https://nimb.ws/8Ypicf You can see into this screenshot

Hi

Sorry not sure how this is solving my problem. Please explain.

Kind regards

Molly

@Molly8
The things which you wanted into your site the things are exactly happening.

Hi, it’s exactly as it was. It’s not a single space between the lines of text, it’s double spacing.

Kind regards

Molly

@Molly8 ,

.rte.rich-text__text--medium p {
    margin: 0 !important;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

1 Like

@Molly8

.rte.rich-text__text--medium {
    line-height: 1 !important;
}
div .rich-text .section-header {
    text-align: center!important;
    /* padding-bottom: 23px; */
    margin-top: -26px !important;
}

Put above css code into your base.css file . Hope your problem will be solve .
https://nimb.ws/m0hTEx You can check here in screenshot

1 Like

Hi

Thank-you for taking the time to help, I am always so grateful to the support in this community. The code helped but left the Dog Lover Gift title too close to the line above. With a little tweeking ive got the result I need, thanks.

Kind regards

Molly

@Molly8 ,Still you need help then ask me.

1 Like

Hi

I will thank you.

Kind regards

Molly