Increase ADD TO CART button size

Hello Dear
I want to extend the add to cart button size. I want ajax add to cart button on the product page. please help me how I extend button size

Hello,

To increase the add to cart button size on the shop page.

Please add the following Custom CSS code in the Global Custom CSS area under Theme Settings >> Custom CSS.

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.add-to-cart-loop {
height: 49px;
width: 164px;
}

You can adjust the height and width accordingly.

Best Regards.

I want to increase ADD TO CART Button size on the single product page, not on the shop page. Please send CSS code for increase PRODUCT PAGE BUTTON size. For more information screenshot attached here.

Attachments:

You must be logged in to view attached files.

Hello,

To increase the size of the add to cart button on the product page you need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-image-summary .single_add_to_cart_button {
font-size: 20px;
line-height: 18px;
padding: 12px 100px;  
height: 70px;
}

You can change the padding, font-size and height according to your requirements.

Best Regards.

[Author]

Posts