How to change product category page & single product page "add to cart" button

Hello,

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

For Single Product page quantity and add to cart:

.single-product div.quantity input[type="button"] {
    min-width: 45px;
}

.single-product div.quantity input[type="number"] {
    width: 45px;
}

.product-image-summary .single_add_to_cart_button {
    width: 200px;
}

For Wishlist and Compare:

.single-product .wd-action-btn.wd-style-text>a {
    font-size: 18px;
}

For Categories and SKU:

.single-product .meta-location-add_to_cart .product_meta>span {
    font-size: 15px;
}

Best Regards

Hello,

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

.product-image-summary .single_add_to_cart_button {
    width: 200px;
	border-radius: 50px;
    height: 55px; 

	}

input.plus {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

input.minus {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

Best Regards

Hello,

Please make sure that you have added the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-image-summary .single_add_to_cart_button {
    width: 200px;
    border-radius: 50px;
    height: 55px;
}

If it still doesn’t work then provide the admin panel login details of the website.

Best Regards

Hello,

Please provide the admin panel login details to let me assist you further.

Regards.
Xtemos Studios.

Hello,

Your issue has been Resolved. Now the CSS is working.

Please clear cache and check back.

Best Regards

Hello,

You are Most Welcome.

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

.tabs-layout-tabs .tabs li a {
    font-size: 24px;
}

Best Regards.

Hello,

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

.tabs-layout-tabs .tabs li a {
    text-transform: capitalize;
}

Best Regards