Main issue: Reduce bottom padding/margin of the home page “Rich text” section in the Impact theme. The poster asks where to add CSS (theme.liquid, theme.css, or local injection).
Proposed solution: Add custom CSS in theme.liquid, placed above the closing . Steps: Online Store > Themes > Edit code > theme.liquid > paste the CSS. An optional, more specific selector is suggested to target only the “Rich text” above the bestseller block.
Assets: The response relies on code snippets and a screenshot (central to implementation), but the exact CSS content is not visible in the provided excerpt. The poster included store access details (URL and password) for context.
Status: No confirmation of success or follow-up. No conflicting views presented. Open question remains whether editing theme.liquid versus theme.css (or section-level custom CSS) is preferable for maintainability, as the thread does not address this explicitly.
I am trying to decrease the bottom padding/ margin of my store’s “Rich text” element, which uses the Impact template. To achieve this, I need to locate the correct CSS class or ID that targets the “Rich text” element and then add custom CSS or modify it to edit its bottom padding. How and where do I do that?:
theme.liquid, theme.css or local injecton?
PW: Artforthewin
Hi @Dare_to_ask
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
or this code to target only the rich text above the bestseller
Hope this can help you solve the issue
Best regards,
Richard | PageFly
