Skip to content

Instantly share code, notes, and snippets.

@tuanbbhero

tuanbbhero/Add to Cart Button Color - WooCommerce

Created March 11, 2019 01:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tuanbbhero/cabf4e7f659fe5b7ce2069e18efd4d83 to your computer and use it in GitHub Desktop.
Save tuanbbhero/cabf4e7f659fe5b7ce2069e18efd4d83 to your computer and use it in GitHub Desktop.
Download ZIP
Customize Add to Cart Button: Color, Background Color
Raw
Add to Cart Button Color - WooCommerce
/* You can use Color Name: red green white, or Color Code: #fff #222 #f8f8f8 */
/* 1. ADD TO CART ON PRODUCT PAGE */
.single-product form.cart .button {
color: green;
background-color: white;
border-color: red;
border-width: 1px;
border-style: solid;
}
.single-product form.cart .button:hover {
color: red;
background-color: green;
border-color: red;
border-width: 1px;
border-style: solid;
}
/* 2. ADD TO CART ON PRODUCT CATEGORY */
.tax-product_cat .add_to_cart_button {
background-color: #f2f2f2;
color: #34b76a;
border-color: red;
border-width: 1px;
border-style: solid;
}
.tax-product_cat .add_to_cart_button:hover {
background-color: violet;
color: #ffffff;
border-color: violet;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment