How can I decrease the top margin in a rich text section?

Store Design

Topic summary

Main issue: Reduce the top margin (padding) of a rich text section displaying “Take the Ecogarby wherever you go….” on ecogarby.com (password: ccc).

Proposed fix:

  • In Shopify: Online Store > Theme > Edit code > Assets > theme.css.
  • Add at the bottom: .pxs-rich-text.pxs-rich-text-width-regular { padding-top: 30px; padding-bottom: 30px; }.
  • This decreases the vertical spacing above (and sets consistent spacing below) the rich text block.

Outcome:

  • The change worked as intended; the requester confirmed success.
  • No further adjustments or alternative solutions were discussed.

Status:

  • Resolved; no open questions.

Notes:

  • The CSS snippet is central to the solution and targets the theme’s rich text component selector.
Summarized with AI on February 26. AI used: gpt-5.
1

Hello, I was wondering how to reduce the top margin in the rich text section that says “Take the Ecogarby wherever you go…”

Website : www.ecogarby.com

Password: ccc

Thank you for your time

1 Like
2

@Acid2Rain

sorry for issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.pxs-rich-text.pxs-rich-text-width-regular {
    padding-top: 30px;
    padding-bottom: 30px;
}
1 Like
3

Thank you very much!

1 Like
4

@Acid2Rain

its my pleasure to help us