Increase padding or margin around this rich text only

Store Design
1

I’d like to increase the padding or margin around this text top and bottm for this rich text block only on the homepage. Please help!

https://lunanectar.com/

Screen Shot 2022-06-29 at 11.27.28 AM.png
Screen Shot 2022-06-29 at 11.27.28 AM.png2394×1336 422 KB

2

You could try adding this code to the bottom of theme.min.css

.grid__item.large--five-sixths.push--large--one-twelfth.homepage-featured-rich-text {
  margin-top:20px;
  margin-bottom:20px;
}
3

thanks that worked! also for the mobile version is it possible to decrease line spacing between the heading and add margin to the left and right? thank you!

IMG_5435.jpg
IMG_5435.jpg1125×2436 191 KB

4

@ln3635 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

40px = left/right padding
130% = text line height (the higher the value, the greater the gap)

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

5

unfortunately it didnt work, any other solutions? thanks

6

@ln3635

The code is working, but perhaps it didn’t yield the result you were expecting it to. What exactly are you trying to achieve?