Add more left and right padding to rich text section on mobile

Store Design
1

Hi on mobile i would like to add more padding around the text (left and right).

The section was created using Rich Text block in customize themes.

Page: https://lunanectar.com/pages/circular-beauty

IMG_AC5D8A0B91C2-1.jpeg
IMG_AC5D8A0B91C2-1.jpeg1125×2436 221 KB

2

Hi @ln3635 ,

Just add the code below.

  1. Go to Admin store > Online store > Themes > Edit code

  2. Open the theme.min.css under the Asset folder then paste the code below.

.shopify-section .homepage-sections-wrapper {
padding: 50px 30px !important;
}
3

I’d like to only change sections made by the rich text editor and not the other homepage section in grids - is this possible? thanks

4

Hi,

Here is the code for the specific section

#shopify-section-template--15701152628899__16527253010dab8cad > div {
padding: 50px 30px
}

.