reduce white gap for pop up link on product page

[ads18922]

hello, i want to reduce the white gap between my ‘add to cart’, ‘pop up link’ (size guide) and ‘quantity’ as there is a big white gap:

my website is www.antico-abito.com , theme is dawn , password is chasha

[Laza_Binaery]

Hi @ads18922

For that, you need to make two changes in assets/section-main-product.css.

First, find

.product__info-container .product-form,.product__info-container .product__description,.product__info-container .icon-with-text {
    margin: 2.5rem 0
}

and split that code and replace it with 2 rules:

.product__info-container .icon-with-text {
    margin: 0.5rem 0
}
.product__info-container .product-form,.product__info-container .product__description {
    margin: 1rem 0 2.5rem;
}

adjust values if needed.

The second one is for most of those elements, so space in general will be reduced. Find:

.product__info-container>*+* {
    margin: 1.5rem 0
}

and change to

.product__info-container>*+* {
    margin: 0.25rem 0;
}

Again adjust a bit for more space.

You should get something like this:

[ads18922]

hello, this is great - there is one problem though, which is that this coding doesn’t just affect the pop up link, but it affects the price aswell - is there any way to make it just work for the pop up link?