How can I decrease padding in rich text on desktop?

Topic summary

Decreasing excess padding in a desktop rich text section of a new theme where theme.scss.liquid is not available. The author provided screenshots that are central to understanding the layout and the unwanted spacing.

Constraints: The theme lacks the legacy theme.scss.liquid file, so styling changes need to be made in other CSS assets (e.g., theme.css).

Proposed approach: Edit CSS in theme.css and target the specific rich text section using its section ID to override or reduce padding. Helpers requested the store URL and password to inspect and advise an exact selector/solution.

Action items:

  • Share store URL and (if applicable) password for a targeted review.
  • Identify the rich text section’s ID or class and add CSS rules in theme.css to adjust padding.
  • If unsure of selectors, allow experts to check the site and provide precise CSS.

Status: No resolution yet; pending site access and confirmation of the correct selector. Key unknowns: the exact section ID and current theme file structure to place overrides.

Summarized with AI on February 22. AI used: gpt-5.

Hi,

I’m trying to take out the excess space on desktop version on this rich text section. I dont have the theme.scss.liquid file, as it is a new theme. Can someone help me take out this excess padding?

Thanks :slightly_smiling_face:

1 Like

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Hi @undercover-CAN ,

You can edit the css at the theme.css file.

You can use section id to remove padding, if still not sure. Please send your site and if your site is password protected, please send me the password. I will check it.

Hope it helps!