Spacing Adjustment Shopify Impulse Theme

[lagentilestore]

Hi! I have a question regarding the Rich Text section. How can I adjust the spacing between the Heading and the Text?

I would like the spacing to be smaller, so it matches the spacing between the heading and text in the Text with Columns section.

Is there a setting or CSS adjustment that I can use to control this spacing?

[anna_backlip_hq]

.rich-text__heading + .rich-text__text {

margin-top: -10px;

}

[Ploqo]

In Impulse, the space between the Rich text heading and the text below it comes from the section’s block spacing, not from the heading itself. So changing the heading alone does not close it. A few lines of CSS scoped to that one section fixes it.

Do this:

• Go to Online Store > Themes, click Customize, and select your Rich text section.
• In the section settings on the left, open Custom CSS.
• Paste this in and Save:

.theme-block:first-child,
.theme-block:first-child > * {
  margin-bottom: 10px;
}

• Change 10px to whatever feels right. Smaller number = tighter spacing.

This targets the heading (the first block) and only affects this one Rich text section, so nothing else on your store changes.

Tested on an Impulse store.

Regards,
Ploqo

[lagentilestore]

Hi!

Thank you for explaining. Is there also a cc code that changes it for all the Rich texts?

Kind regards,
Els

[devcoders]

Hi @lagentilestore

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder

[lagentilestore]

Sure! The link is: https://la-gentile.com/
No password needed.

[devcoders]

Hi @lagentilestore

Are you referring to this section?

[devcoders]

Hi @lagentilestore

Go to Online Store > Themes > Actions > Edit Code > Assets > base.css
Paste your CSS at the bottom of theme.css and click Save

.text-center.page-width.page-width--narrow > .theme-block:first-child {
  margin-bottom: 10px;
}

.text-center.page-width.page-width--narrow > .theme-block:nth-child(2) {
  margin-top: 0;
}

Note: If you want me to add a spacing setting to the dynamic customization options as well, just let me know and I can add it.