Reduce padding between sections on Homepage (Debut theme)

[radhikav]

Hi - What custom code do I need to add to reduce the padding between all the sections on the home page of my site?

I’ve attached a few reference images below.

My website is: https://jivamorelife.com/

[Nick_Marketing]

Try adding this code to the bottom of theme.css

.index-section {
    padding-top: 0;
}

[radhikav]

Thank you!! That worked. How an I reduce the padding between the product images of this collection and the view all button?

[Nick_Marketing]

You could add this code

hr {
  margin: 30px;
}

[dmwwebartisan]

@radhikav

Please add the following code at the bottom of your assets/theme.css file.

.index-section {
    padding-top: 0;
}

#shopify-section-collection hr.hr--invisible {
    margin: 15px !important;
}

Hope this works.

[radhikav]

This did work! Can I do the same thing for the rest of the sections on the home page? Example below.