I want to collapse the white space between sliders
Topic summary
A user seeks to remove white space between sliders on their Shopify store homepage. Multiple solutions are provided involving CSS modifications:
Primary Solutions:
- Locate and remove
.home-module { margin-bottom: 2.50781rem; }from theme.scss.liquid file - Alternatively, add
html .home-module { margin-bottom: 0; }to Custom CSS in Theme settings - Another approach: add
.home-module.full-width { margin-bottom: 0rem !important; }to theme.scss.css
The user confirms one solution worked successfully.
Additional Requests:
The discussion continues with two new, unrelated requests:
- Code to modify a header section (screenshot shows contact information bar) with clickable email, phone, and WhatsApp links
- Custom formatting code for order confirmation emails (reference image provided)
These follow-up questions remain unanswered, suggesting the thread has shifted from the original spacing issue to broader theme customization needs.
Could you share the link to page contains this sections?
https://sahilkochhar.com/ Home Page
Please open your theme.scss.liquid file, find and remove this code
.home-module {
margin-bottom: 2.50781rem; }
Or add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings
html .home-module {
margin-bottom: 0; }
Hey @sahilkochhar1
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
.home-module {
margin-bottom: 2.50781rem; } i couldn’t find this
So please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings
html .home-module {
margin-bottom: 0; }
Hello @sahilkochhar1
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> theme.scss.css
add this code at the end of the file and save.
.home-module.full-width {
margin-bottom: 0rem !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Thank you so much for your support
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
can you provide code same for this because i tried a code but it was not working and i also want to link email, phone no and WhatsApp link




