How can I reduce spacing in Featured Collections?

Store Design
1

I am looking to reduce the spacing between Featured Collection rows (see attached), and maybe even the space between the Featured Collection image and the text below it. Page is https://bigfoot-4x4.myshopify.com/. Thank you for the help!

shopify8.JPG
shopify8.JPG1405×775 177 KB

2

Hi @bigfoot4x4
To fix the problem, You can try follow this path:
Themes => edit code => asset => timber.scss.liquid
and add this code to bottom of the file timber.scss.liquid

.featured-box{
margin-bottom: 0;
}
1 Like
3

Worked great, thank you! Can I ask one more thing though? Is it possible to reduce this space?

shopify9.jpg
shopify9.jpg527×604 64.2 KB

4

Hi @bigfoot4x4
To reduce the spacing you can add this code bellow the code you added before

.featured-box--title {
margin-top: 10px;
}

change the number to change the space

1 Like
5

Thank you so much ExpertRookie!