How do I add a margin so alternate colours don't go full page width in a shopify rich text section?

Store Design
, , , ,
1

Hi All,

I am having a moment and can’t for the life of me figure out how to add margins to a rich text section in Shopify 2.0.

I am using the most up-to-date Showcase theme and while some sections already allow me to toggle full page width on and off, the rich-text section doesn’t allow for this and while I want these sections to use alternate colour, I would like to maintain a white margin around the section that is the alternate colour.

I have tried to jump into the theme liquid and update rich-text.liquid to add:

margin-top: 0px;
padding-top: 0px;
margin-right: 25px;
padding-right: 25px;
margin-bottom: 0px;
padding-bottom: 0px;
margin-left: 25px;
padding-left: 25px;

and multiple different variations of similar but to no avail.

Please is someone able to help point me in the right direction to either add the functionality to toggle full page width on an off or to add the margin/padding to this section.

Thank you!

Kind regards,
Kate

2

@KateClanchy - can you please share this page link?

3

Hi Suyash1,

The site is not yet live, so I am afraid I am unable to share the live link.

Kind regards,
Kate

4

@KateClanchy – you can share the preview link, if you want then you can share on my email given below

5

Hi Suyash1,

I am afraid your email didn’t show up, however here is the preview link: https://lilysattic.com.au/?_ab=0&_fd=0&_sc=1

I am wanting the change to apply to all rich text sections (the pink section titled “where beautiful stories begin …” on the home page is the easiest one to find).

Thank you,
Kate