Hello friends, how can I adjust the padding on this section?
Topic summary
A user seeks help adjusting padding in a specific section of their Shopify store, sharing a screenshot showing excessive spacing below a collection title.
Proposed Solutions:
Three community members offered CSS-based fixes:
-
DaisyVo’s approach: Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS and add code targeting
.collection__title > h2.title.inline-richtextwithmargin-bottom: 25px !important;. Includes a before/after screenshot demonstrating reduced spacing. -
Hasan112’s solution: Identical CSS code to be pasted in theme customization.
-
PageFly-Richard’s method: Add CSS via theme.liquid file by going to Online Stores > Themes > Edit code, locating theme.liquid, and inserting code above the
</body>tag (though the actual CSS code snippet appears incomplete in their response).
All solutions target the same element using custom CSS to reduce bottom margin. The discussion remains open with no confirmation from the original poster about which solution worked.
1 Like
Hi @NikosBat
To complete your requests, please follow these steps:
- Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
- Paste the code provided into the Custom CSS section.
.collection__title > h2.title.inline-richtext {
margin-bottom: 25px !important;
}
Here is the result:
I hope this helps
Best,
Daisy
.collection__title > h2.title.inline-richtext {
margin-bottom: 25px !important;
}
Hello @NikosBat Just paste this CSS on theme customization
If its helpful Hit Like button & Accept as solution Thanks
This is Richard from PageFly - Shopify Page Builder App
Hi @NikosBat Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly