Sections and CSS

Solved
Clare_Meaney
New Member
3 0 0

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/

0 Likes
tom_phillips
Shopify Partner
10 2 1

This is an accepted solution.

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

.section {
    margin: 20px 0;
}

 

0 Likes
tom_phillips
Shopify Partner
10 2 1

This is an accepted solution.

For the footer try the below. Adjust px  as desired

 

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

 

0 Likes
Clare_Meaney
New Member
3 0 0

Thank you @tom_phillips - both solutions worked.

Cheers, Mike

0 Likes