What's your biggest current challenge? Have your say in Community Polls along the right column.

How To Reduce The Spacing Between Sections?

How To Reduce The Spacing Between Sections?

nedmc25
Visitor
2 0 0

I am looking to get rid of the spacing between each section as it is a different colour from the rest of the theme.

 

I can't see an option for that in customise. Any other way this can be done? 

Using Sense theme.

URL is: scarpian.com

 

Thank you!

 

 

nedmc25_1-1732674685202.png

 

Replies 4 (4)

Guleria
Shopify Partner
3692 741 1039

Hello @nedmc25 ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

 

@media screen and (min-width: 750px) {
.section+.section {
    margin-top: 0 !important;
}
}

 

If problem solved don't forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services

You can find the email in the signature below.

 

Thanks

- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
nedmc25
Visitor
2 0 0

Thank you Guleria! Is there a way to remove the gap between the header and a section as well? Or can I just change the colour entirely to match everything else? Thank you very much

Guleria
Shopify Partner
3692 741 1039

Using same color is a good idea.

or you can try this css code

 

@media screen and (min-width: 750px) {
    .section-header {
        margin-bottom: 0 !important;
    }
}

 

If problem solved don't forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services

You can find the email in the signature below.

 

 

Thanks

- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

nidhidhiman004
Shopify Partner
84 6 8

Hi @nedmc25 ,

follow these steps below:

.page-width.section-template--18949915017452__featured_product_agmr9k-padding {
padding-bottom: 0 !important;
}

add above in theme.css

 

before image :before (4).png

 

 

result after add css : 

 

after(4).png

 

 

 

Thanks And Regards

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me - nidhidhiman004@gmail.com Skype: live:.cid.4caf71e25fc2bb1e, Email me -rahul@prowebcoder.com - Skype: live:dhiman.639