How to reduce section gaps and adjust footer text size on homepage?

Store Design
1

Hello Shopify Community:

I have two specific questions:

  1. How do I reduce the gap between sections on the homepage? E.g. I have two featured collections (top and bottom), but the gap between them needs to be half the size.

  2. I am working on the footer, and I need the text to be smaller and the line spacing to also be more compact - both for the block text, and the footer menu links.

Thanks in advance for some guidance - and also a brief explanation of how you come with the solution so that I can replicate in other place.

Thanks, Mike

Website preview: https://f39jbp5hmrsy54nf-8181829.shopifypreview.com/

2

Try adding the code below to your stylesheet. You can adjust the px to whatever height you like.

.section {
    margin: 20px 0;
}
3

For the footer try the below. Adjust px as desired

.footer {
    font-size: 12px;
    line-height: 12px;
}
4

Thank you @tom_phillips - both solutions worked.

Cheers, Mike