Increase padding on top of Related Products and below text

Site URL: https://badlab.squarespace.com/

Hi,

I need some help regarding padding on top of Related Products on product pages and below text 'You may also like'.

Link: https://badlab.squarespace.com/store/backend/outline-hoodie
Password: temp

I've changed the line spacing for the entire site on 'heading 2' but that makes it cut behind the 'related products' block.

Any help appreciated!

Hi. Add to Design > Custom CSS

h2.ProductItem-related-label {
    line-height: 1em;
    margin-top: 30px;
    margin-bottom: 30px;
}

13 hours ago, tuanphan said:

Hi. Add to Design > Custom CSS

h2.ProductItem-related-label {
    line-height: 1em;
    margin-top: 30px;
    margin-bottom: 30px;
}

 

@tuanphan Thank you so much! Works prefect

19 hours ago, tuanphan said:

Hi. Add to Design > Custom CSS

h2.ProductItem-related-label {
    line-height: 1em;
    margin-top: 30px;
    margin-bottom: 30px;
}

 

@tuanphanWould it also be possible for you to help me reduce the space between the new 'Size guide' button I've added and the product pictures please?

Your help is greatly appreciated!

On 2/1/2021 at 5:26 AM, smithandrew1993 said:

@tuanphanWould it also be possible for you to help me reduce the space between the new 'Size guide' button I've added and the product pictures please?

Your help is greatly appreciated!

It looks fine here. Didyou solve this?

16 hours ago, tuanphan said:

It looks fine here. Didyou solve this?

Managed to solve for desktop but haven't on mobile.

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.product-description {
    margin-top: 0;
}
}

12 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.product-description {
    margin-top: 0;
}
}

 

Worked great. Thank you