New Shopify Certification now available: Liquid Storefronts for Theme Developers

How do i detele the white spacings between sections?

Solved
Bahrikaan
Excursionist
36 0 16

Hi,

 

I cant find a way ti delete the white spacings between sections on my home page. I have seen other peoples solutions but they dont work for me or i dont have the file. How can i fix this? I am using the Impulsive theme.

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
4241 980 1195

This is an accepted solution.

Oh, im totally right that also that one include. But better to ask first because the result will be like this. 

Made4uoRibe_0-1696536818982.png

Do you like to give a bit of space?

if not then replace the 2nd code that i give to this one. 

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

And Save. 

If you like to give a bit of space, then use this one. 

.page-width.feature-row-wrapper {
    padding-bottom: 22px;
}

And Save. 

Result:

Made4uoRibe_1-1696537000751.png

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 12 (12)
Moeed
Shopify Partner
3051 761 925

Hey @Bahrikaan 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Bahrikaan
Excursionist
36 0 16

Hi Moeed,

 

URL: https://c6ba8a-4.myshopify.com/

It doesnt have a password

Made4uo-Ribe
Shopify Partner
4241 980 1195

Thanks for the infor try this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  • And Save.

 

div#shopify-section-template--19733429518685__featured-collections {
margin: 0px !important;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1696532295051.png
Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Bahrikaan
Excursionist
36 0 16

Thanks alot, the first spacing is gone but it doesnt seem like to work on the other 2. Do you know why?

 

Best Regards,

Bahrikaan

Made4uo-Ribe
Shopify Partner
4241 980 1195

Hi @Bahrikaan 

Would you mind to share your store URL website? with password if its protected. And please let us know which section you like to remove the space? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Bahrikaan
Excursionist
36 0 16

Hi Made4uo,

 

Its the section between the video and the collection, the collection and the text below and again below that. The URL is: https://c6ba8a-4.myshopify.com/

It doesnt have a password

 

Thanks

Made4uo-Ribe
Shopify Partner
4241 980 1195

Add this one, it is 2 area only? 3?

Made4uoRibe_0-1696533127963.png

Same Instruction.

.index-section {margin-top: 0px !important;}

And Save. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Bahrikaan
Excursionist
36 0 16

You are amazing. That fixed it too. But the last one is still not fixed. Could you help me with that one too? im guessing its almost the same code but i dont understand coding.

 

Thanks alot

Made4uo-Ribe
Shopify Partner
4241 980 1195

Can you point out which side? it depends if its padding or margin need to take out.

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Bahrikaan
Excursionist
36 0 16

 

On this side. Thanks again.

Schermopname (488).png

 

Made4uo-Ribe
Shopify Partner
4241 980 1195

This is an accepted solution.

Oh, im totally right that also that one include. But better to ask first because the result will be like this. 

Made4uoRibe_0-1696536818982.png

Do you like to give a bit of space?

if not then replace the 2nd code that i give to this one. 

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

And Save. 

If you like to give a bit of space, then use this one. 

.page-width.feature-row-wrapper {
    padding-bottom: 22px;
}

And Save. 

Result:

Made4uoRibe_1-1696537000751.png

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Bahrikaan
Excursionist
36 0 16

That worked. You give more than i asked. Thank you for your time, appriciate it alot.