How to remove white space under add to cart button on product page

Store Design
, , , , ,
1

Hi,

this is our product page:

Screenshot 2024-12-06 at 15.17.44.png
Screenshot 2024-12-06 at 15.17.44.png1262×1274 58 KB

I would like to decrease the white space above and under “Ships out in 1-3 days”
Someone knows how to?
Link to the Page:
https://www.manuel-dreesmann.com/products/macbook-air-13-inch-sleeve-tanned-leather
Theme: Prestige

Thank you so much

2

Hi @Mdre20 ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.product-info__block-item[data-block-type=buy-buttons] {
    margin-block-end: 1rem;
}
.product-info__block-item[data-block-type=buy-buttons]+[data-block-type=text] {
    margin-block-start: 1rem;
}
#trust-badge-content-div {
    margin-top: 0 !important;
}
3

Hi @Mdre20 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.product-info__block-item {
    --product-info-gap: 10px !important;
}

Result:

steve_michael2_0-1733495726693.png
steve_michael2_0-1733495726693.png386×402 9.54 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

4

Hi, this is nearly as I want it. Is there a way to decrease spacing even more ?
I would like to have it around 40% less

Thank you so much

5

Hi @Mdre20 ,

Please change code:

.product-info__block-item[data-block-type=buy-buttons] {
    margin-block-end: 1rem;
}
.product-info__block-item[data-block-type=buy-buttons]+[data-block-type=text] {
    margin-block-start: 0rem;
}
#trust-badge-content-div {
    margin-top: 0 !important;
}
#trust-badge-content-div .tb-badge {
    height: 50px !important;
}
6

@Mdre20

.product-info__block-item {
    margin-top: 9px !important;
}