New Shopify Certification now available: Liquid Storefronts for Theme Developers

Extra Spacing in between sections.

Solved
usmekhan91
Shopify Partner
20 0 5

Hi Community,

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

URL: https://o2hmeyh0ofc3kmpg-61554688170.shopifypreview.com/Div.png

Accepted Solution (1)
Tom156
Shopify Partner
6 1 0

This is an accepted solution.

sorry for the wrong picture

Tom156_1-1698673370471.png

 

View solution in original post

Replies 8 (8)
Ollie
Shopify Staff
Shopify Staff
2076 441 358

Hey @usmekhan91.
 
Thanks for reaching out. 
 
I appreciate that you have included your theme preview as that is very helpful! Could you let us know which theme this is that you have shared? As this context will allow us to assist you better in this situation. 
 
If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots appearing in the top left of the page. I took a screenshot from my test store to show you the section I am referring to: 
 
30-24-40507-90060
 
Looking forward to your response. 

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

usmekhan91
Shopify Partner
20 0 5

it is Kalles v4.2.2

Ollie
Shopify Staff
Shopify Staff
2076 441 358

Hey @usmekhan91.
 
Thanks for the quick response. 
 
Taking a look into the Kalles theme, I noticed that this is a third-party theme that looks to be designed and supported by The4. With that being said, since we are a bit unfamiliar with the style of coding that is being used on the theme. It would be best to speak with the developers of the theme as they would be in the best position to provide you with additional support to make this change. 
 
I did come across to finding their Contact Us page and wanted to provide it. 
 
Let me know if you have any questions. 

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Tom156
Shopify Partner
6 1 0

Hi,Is this what you want 

Tom156_0-1698669495622.png

Tom156_1-1698669529626.png

 

usmekhan91
Shopify Partner
20 0 5

Yup same thing Tom, from where you had fix this?

Tom156
Shopify Partner
6 1 0

Hi, 

Tom156_0-1698673184202.png

you can check you template source file and remove this line

    --mg-bottom: 50px;
Tom156
Shopify Partner
6 1 0

This is an accepted solution.

sorry for the wrong picture

Tom156_1-1698673370471.png

 

usmekhan91
Shopify Partner
20 0 5

Thanks Done! ❤️