Remove extra spacing between different containers / sections,

[usmekhan91]

Hi Community,

I am puzzled to remove extra spacing between containers / sections, I had tried every option but unable to remove it. Can you help me in this regards?

URL: https://qcam90oia206z7jv-61554688170.shopifypreview.com/

Theme: Glozin version 1.8.1

[Moeed]

Hey @usmekhan91 

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 </body> tag

<style>
#MainContent section:not(:last-child) .section:not(.remove_spacing) {
    margin-bottom: 0 !important;
}
</style>

RESULT:

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Bundler-Manuel]

Hey @usmekhan91  You should try out the following steps and you’d be able to reduce the extra space between the sections

1. Log in to your Shopify admin panel.

2. Click on Online Store and then Themes.

3. On the right-hand side, click Customize for the theme you want to edit.

4. In the left-hand side navigation, click Theme settings.

5. Scroll down to the Custom CSS section.

6. Paste the CSS code below in the box.

.index-section {
  margin: 0px 0;
}

1. You can adjust the px value above, then click Save.

Feel free to update me on this if it works for you. 

[Dan-From-Ryviu]

Hi @usmekhan91 

You try to find and remove it from your store admin > Sales channels > Online Store > Themes > Customize > Theme settings > Layout, check and reduce section padding option

[GTLOfficial]

Hello @usmekhan91
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.

#MainContent section:not(:last-child) .section:not(.remove_spacing) {
margin-bottom: 0px !important;
}

result

Thanks