remove gap between rich text heading and text on collection page

Store Design
, , ,

Topic summary

A user seeks to remove excessive spacing between a rich text heading and body text on their collection page. They provided a screenshot highlighting the problematic gap in red.

Site Details:

Solution Provided:

A respondent offered a CSS fix involving:

  1. Navigating to Online Store → Edit Code → theme.liquid
  2. Adding custom CSS code above the </body> tag

The solution includes a before/after screenshot demonstrating the gap removal. The specific CSS code was referenced but not fully visible in the conversation text.

Status: The issue appears resolved with a working code solution shared, pending confirmation from the original poster.

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

hello, i want to remove the gap between my rich text heading and text on collection page. I have marked it with red on the image:

Screenshot 2025-03-20 at 21.01.11.png
Screenshot 2025-03-20 at 21.01.11.png805×462 38.3 KB

my website is www.alexandrawestbrook.com , theme is dawn

1 Like
2

Hey @ads18922

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1742507934908.png
Moeed_0-1742507934908.png371×667 73 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed