Increase button size

I have tried to find in the support forum if I get some question of this sort answered already, but I have not been able to find any.
I wish to increase the Add to cart button size. Just like you have provided button styles, I was expecting button sizes as well, but it seems like there is no such option.
How can I set the button size which could be large, big, extra large etc?

Hello,

Please provide some relevant screenshots of which buttons you are trying to modify the size with the URL of the website to check it myself and help you out accordingly.

Best Regards

Hi,

My ask is simple, as I had mentioned, I need to increase the “Add to cart” button size.
On product page for all types of product, quick view of product.

Please find the screenshot
https://nimb.ws/vpCRZT

You can see any product on
https://litepace.com/

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-type-simple form.cart,
.woocommerce-variation-add-to-cart, .product-type-variable form.cart,
.woocommerce-variation-add-to-cart {
display: flex;
}
.product-type-simple form.cart > button,
.woocommerce-variation-add-to-cart > button, .product-type-variable form.cart > button {
flex-grow: 1;
}

Best Regards

Hello,
Added the same as suggested by you.
Gives undesirable result.
Could you please check?
https://nimb.ws/HZAKuB

Hello,

Please replace the previous CSS with the following then check back.

.product-type-simple form.cart>button, .woocommerce-variation-add-to-cart>button, .product-type-variable form.cart>button {
flex-grow: 1;
}

.product-type-simple form.cart, .woocommerce-variation-add-to-cart, .woocommerce-variation-add-to-cart {
display: flex;
}

Best Regards

Hi,

The single view product add to cart sticky button is disturbed with this change in mobile view.
Please see this:
https://litepace.com/product/henectus-tincidunt/

Sorted now. Thanks.

Hello,

We are Glad that your issue has been Resolved.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts