How do I reduce the space between 2 titles in a Rich text section?

Shopify Discussion

Topic summary

A Shopify store owner needed help reducing vertical spacing between two titles in a Rich text section.

Solution provided:

  • Navigate to Online Store > Themes > Assets folder
  • Open the main CSS file (main.css, base.css, style.css, or theme.css)
  • Add custom CSS code at the bottom targeting .rich-text__text.center.blocks__text with margin-top: 0 !important;

Outcome:
The solution was successfully implemented and resolved the spacing issue. The thread includes before/after screenshots demonstrating the reduced spacing between titles.

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

Screenshot 2024-10-07 at 14.39.39.png
Screenshot 2024-10-07 at 14.39.39.png719×115 11.6 KB

1 Like
2

Hi @Lumify

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.rich-text__blocks.center .rich-text__text {
    margin-top: 0 !important;
}

And Save.

Result:

Made4uoRibe_0-1728336587461.png
Made4uoRibe_0-1728336587461.png1157×276 18.6 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

Hi Made4uo-Ribe,

Many thanks, it did worked. :+1:

Have a great day!