Return to previous page

Style the "add to cart" button in product page

This topic has 4 replies, 3 voices, and was last updated 5 years, 1 months ago ago by Rose Tyler

popcorner

Participant

March 8, 2019 at 09:42

Hi
I’d like to edit the style of the “add to cart” button in product page (color, size, icon, …), but can’t find how ..
Could you help me please ?
Regards

#210603 Copied Theme version: 5.0

3 Answers
John Holden

Support staff

March 9, 2019 at 07:22
Hi,

You can use CSS to edit style of ‘add to cart’ button
```
.single_add_to_cart_button.button, .quick-view-popup .product_type_variable, .quick-view-popup .product_type_grouped, .quick-view-popup .product_type_external {
    height: auto;
    font-size: .85rem;
    padding-top: .785rem;
    padding-bottom: .785rem;
    background-color: #222222;
    border: 1px solid #222222;
    color: #fff;
    min-width: 190px;
    margin-right: .4rem;
}
```
Regards,
Hung PD
#210624 Copied
popcorner

Participant

March 12, 2019 at 14:25

perfect !

#210773 Copied

Rose Tyler

Support staff

March 12, 2019 at 14:29

Hello,

You’re welcome!
Have a nice day.

Regards

#210775 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Style the "add to cart" button in product page’' has been successfully resolved, and the topic is now closed for further responses

Style the "add to cart" button in product page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection