Fix spacing in Rich Text

[ellacoker]

Hi there,

I would like to fix my spacing in my Rich Text - If i space down where you enter the text, it doesn't seem to work. 

URL: https://www.samiyaskincare.com.au/pages/become-an-affiliate

Password: ellacoker

[DaisyVo]

Hi @ellacoker 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
.rich-text__blocks {
    line-height: 40px !important;
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[ellacoker]

Hi Daisy, I am happy with the line height - wanted to remove the spacing beneath the H2 Headers, not the body text.

Please see screenshot.

[devcoders]

Hello @ellacoker 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.rich-text__blocks * h2 {
margin: 10px;
}

[Ahmad31]

Hi @ellacoker you want like this:

• Go to your Shopify Admin Dashboard.
• Navigate to Online Store → Themes.
• Click "Actions" (three dots) next to your active theme.
• Select "Edit code".

• Open the relevant CSS file (usually theme.css.liquid or base.css).

• Scroll to the bottom of the file.

• Add this code:

.rich-text__blocks h2 {
  margin-bottom: 0px !important;
}

[LizHoang]

Hi Ellacoker

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

h2 {
    margin-bottom: 0 !important;
}

Result: 

Best,

Liz