Align add to cart and buy now buttons on product page

Hello!

I would like it to be possible, align the buttons this way, it is a STANDARD and organized, see:

https://imgur.com/7nrgGpw

However, in Woodmart, it looks like this:
https://imgur.com/XiqgFWn

I would like their size to be divided equally by size, and occupy all the space, staying next to the units counter, not below.

Can you help me?

Hello,

Please add this code to the Theme Settings > Custom CSS > Desktop:

.woocommerce-variation-add-to-cart .single_add_to_cart_button,
.woocommerce-variation-add-to-cart .wd-buy-now-btn {
	flex-grow: 1;
	flex-basis: calc(50% - 52px);
}

Best Regards

It was beautiful, it worked perfectly!

Thank you very much.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts