Decrease padding on Rich Text in Empire Theme

Store Design

Topic summary

Goal: reduce the top spacing on a Rich Text section in the Shopify Empire theme.

  • Initial approach: add CSS to assets (base.css/theme.css) to set padding to 0 on “section.rich-text–container.rich-text-regular”. This did not affect the top gap.

  • Alternative solution: insert a style block in theme.liquid (near the closing ) targeting the specific section ID: “div#shopify-section-template–… > section { margin-top: 5px; }”.

  • Key clarification: the visible top space is controlled by margin, not padding. Adjust “margin-top” to change the gap above the text.

  • Actions taken: a margin-top rule was added via theme.liquid with a section-specific selector.

  • Outcome: terminology corrected and a targeted CSS fix proposed; no explicit confirmation of sitewide success.

Notes:

  • Code snippets are central to understanding the solution.
  • For broader application, consider using a more general selector or adding the CSS in the main stylesheet to avoid hard-coded section IDs.
  • Discussion appears concluded without further issues reported.
Summarized with AI on January 29. AI used: gpt-5.
1

Hi! Was just wondering if someone can help. Looking to decrease the top padding on the rich text below to 0px.

I was able to do it when I inspected the sites page, by I just don’t know where to input the code properly for it to stay. The website is doorhousehfx.com and the current pw to get into the site is Designer1234!

Thanks in advance

SS1.jpg
SS1.jpg1182×602 76 KB

1 Like
2

Hi @DoorHouse ,

I understand that you want to remove the rich text to below 0px.

  1. From your Admin page, go to Online store > Themes > click the three dots > Edit code

  2. Find the Asset folder, and open the base.css/theme.css file.

  3. Add the code below at the very end of the file.

section.rich-text--container.rich-text-regular {
    padding: 0px;
}

i hope it helps.

3

Hi Rose, I added this to the theme.css.liquid file and nothing changed

4

Hi @DoorHouse ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

PageFlyVictor_0-1679936604451.png
PageFlyVictor_0-1679936604451.png1439×702 163 KB

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
5
div#shopify-section-template--16003233743036__859d6233-7d5a-40d6-a317-1386dce93906 > section { margin-top: 5px; }

Got this code emailed to me via PageFly-Victor, added it to edit code and under theme.liquid and pasted below

6

Yes, padding is on the side. The top of the text is margin. So you didnt mention margin.

7

sorry for using the wrong terminology

8

No worries, the important is to get the right solution. :wink: