How to change margins of text area?

Store Design
, ,
1

Hi,

I was wondering if anyone could share how to change the margins of the rich text area on the link so that there isn’t so much whitespace on each side?

Ideally, I would like the margins to be the same as those on my home page (screenshots attached for reference).

URL: https://www.atmos.art/pages/about

Screenshot 2025-06-06 at 19.53.05.png
Screenshot 2025-06-06 at 19.53.05.png3456×1544 470 KB

Screenshot 2025-06-06 at 19.55.17.png
Screenshot 2025-06-06 at 19.55.17.png3456×1510 653 KB

2

@atmos-art

To reduce the whitespace (margins or padding) around the Rich Text section on your Shopify page and make it match the margins from your homepage, add the following CSS code to your theme’s custom CSS area (usually found under Theme > Customize > Theme Settings > Custom CSS, or via Assets > base.css / theme.css):

.rich-text .page-width {
  max-width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

This will expand the rich text area to the full width with reduced side padding, similar to typical homepage sections.

If you want it tighter or wider, adjust the 20px value accordingly.

If it resolves your issue, please mark my answer as a solution. Are you comfortable doing it on your own, or need a detailed guide? Or if you want to hire an expert to do it for you, I’m here. Please DM.

3

Hi,

That code didn’t work for me unfortunately.