How To Reduce The Spacing Between Sections?

[nedmc25]

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!

[Guleria]

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

[nedmc25]

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]

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

[nidhidhiman004]

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 :

result after add css :

Thanks And Regards