How to reduce the space between buy/out of stock button and the product price

Hi there,

try adding this CSS:

.woocommerce ul.products li.product .button {
    margin-top: 0;
}

Now, that's just perfect! Thank you, David! 🙂

You're welcome

Hello,

Sorry to bother again but I just noticed that for products without reviews, the buy/out of stock button is closer to the price compared to products with reviews: https://prnt.sc/CtanjcQ_RTNJ

How can it be the space between the button and the price in both cases for products with reviews and those without reviews be even?

Try adding this as well:

.woocommerce ul.products li.product .woocommerce-LoopProduct-link .price {
    margin-bottom: 10px;
}

Thanks so much!!

You're welcome