Collapse white space

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:

  1. Code to modify a header section (screenshot shows contact information bar) with clickable email, phone, and WhatsApp links
  2. 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.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

I want to collapse the white space between sliders

2 Likes

Hi @sahilkochhar1

Could you share the link to page contains this sections?

https://sahilkochhar.com/ Home Page

1 Like

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; }
1 Like

Hey @sahilkochhar1

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. 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

1 Like

.home-module {
margin-bottom: 2.50781rem; } i couldn’t find this

1 Like

So please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings

html .home-module {
  margin-bottom: 0; }
1 Like

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

1 Like

Thank you so much for your support

1 Like

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.

1 Like

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

Hey can you provide the code for order confirmation mail format like the given image reference.