How do I remove the white space between the rich text header and text?

Topic summary

A user is experiencing unwanted white space between a rich text header and text on their product page.

Another community member provided a CSS solution:

  • Navigate to the base.css file
  • Add custom CSS code targeting the .rich-text__text class with a margin-top: 10px !important property

This appears to be a styling issue that can be resolved through custom CSS modifications to adjust the spacing between these elements on the product page.

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

https://charmente.com/products/v-back-flared-jumpsuit

Hi @Simon159 , go to base.css and add the following code:

.rich-text__text.rte.scroll-trigger.animate--slide-in {
    margin-top: 10px !important;
}