Horizontally align "in shoppingcart" buttons

Hi there,

Give this CSS a shot:

.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    margin-bottom: auto;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

Works like a charm. Thanks! :)

No problem :)

Hi Leo,

One more question. Would the same be possible for the woocommerce product carrousels?
https://wfeijth.nl/

Thanks!
Wesley

Sorry not sure what you are referring to?

Aliging the "bekijken" and "in winkelmand" buttons horizontally too (see bottom of the page: https://wfeijth.nl/). Just like on de shop page. :)

Hi there,

try adding this CSS as well:

.wpb_wrapper .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
}

Works! Thanks David!

You're welcome