Rich Text field top & bottom padding and theme liquid spacing

Store Design
, , , , ,

Topic summary

A user needed help reducing excessive spacing in their Shopify store design, specifically:

  • Top and bottom padding within a Rich Text field
  • Gap between a Custom Liquid section and Rich Text field

The solution involved adding CSS code to the theme’s styles.css file:

.spaced-section {
  margin-top: 0rem;
}
.title.reveal-item {
  margin-top: 0rem !important;
}

Resolution: The CSS fix successfully removed the unwanted spacing. The issue was resolved, with the original poster confirming the solution worked and thanking the helper.

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

Hi all so i have tried several of the solutions on here but struggling as i cannot find one that works

in the image - im trying to reduce the spacing top and bottom within the rich text field and also the space between the custom liquid and rich text field - areas highlighted in red

any advice or solutions welcomed :slightly_smiling_face: thankyou

Screenshot 2025-03-22 091444.jpg
Screenshot 2025-03-22 091444.jpg1637×806 128 KB

2

Hello @Shane_h
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> styles.css
add this code at the end of the file and save.

.spaced-section {
margin-top: 0rem;
}
.title.reveal-item {
margin-top: 0rem !important;
}

result

55.png
55.png1338×360 18.7 KB

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like
3

thanks Pizza bought :grinning_face:

4

Happy to help you…!!!