A user needed help adding top padding to Rich Text blocks in Shopify’s Minimal theme. They provided their store URL and a screenshot showing the spacing issue.
Solutions Provided:
Two community members offered CSS fixes:
Option 1: Add CSS targeting the specific section ID (div#shopify-section-a5095068...) with margin-top: 20px to the bottom of theme.scss.liquid
Option 2: Edit the timber.scss.css file by adding padding-top: 30px to .grid__item.page-content__item classes
Resolution:
The user confirmed one of the solutions worked perfectly, successfully resolving the padding issue.
Hi,
I was wondering if someone could help with adding padding to the top of a Rich Text block and any new Rich Text blocks we create in the future for our homepage. We use the Shopify minimal Theme. I have added an image for the Block below.
Any help with this would be amazing. The url is - https://residencestore.eu/
share the URL?
Please share your site URL,
I will check out the issue and provide you a solution here.
Here you go - https://residencestore.eu/
div#shopify-section-a5095068-0327-46af-bc5d-1fe647616523 {
margin-top: 20px;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file timber.scss.css
.grid__item.page-content__item.post-large--two-thirds.push--post-large--one-sixth {
padding-top: 30px;
}
Step 3: Paste the below code at bottom of the file → Save
That worked perfectly. Thank you