How to change padding on Debut theme homepage?

twentysixsales
Tourist
5 0 1

Hello,

I am struggling to change the spacing (padding) between sections on my home page. (I am using the Debut theme).

I am trying to reduce the space from the top banner image and the icon image section underneath. 

I have tried adding the specific section code to change, but this doesn't seem to work and I am not sure what I am doing wrong? When I have tried to edit the code theme, this also changes it for other areas of the site, which I do not want.

Any help would be much appreciated. 

Thanks

https://kalypso-shop.com/

 

 

Screen Shot 2021-10-24 at 11.52.56 am.png

Replies 3 (3)
JHKCreate
Shopify Partner
2921 504 723

Hi @twentysixsales 

Please add the following code to your theme.css file at the very bottom:

@media only screen and (min-width: 750px)
{
div#shopify-section-16322218941c13d553 {
    padding: 0px;
}
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google

twentysixsales
Tourist
5 0 1

Hello, Thank you for the reply.

 

I tried adding this code though and it didn't seem to do anything?

JHKCreate
Shopify Partner
2921 504 723

Try adding this one instead:

@media only screen and (min-width: 750px)
{
div#shopify-section-16322218941c13d553 {
    padding: 0px!important;
}
}
Did we solve your issue? Like & Mark As Solution to help the community | Should you need any direct help: contact@jhkcreate.com
| Learn more about us: jhkcreate.com


| Satisfied with our solutions? Drop a review on Google