The Button Color of “Add to cart” is too light

Hi,

Please post your URL that shows your add to cart button.
Need to see the source code in order to provide a solution.

Thank you

Hi Denzel, Thanks a lot. Here is the URL:
1. See “Add to Cart” or “Buy Product” are light:
https://kidinventor.com/product-category/electronics-learning-toy/
How can we change Buy Product to Add to cart.
2. See “Add Coupon” is light:
https://kidinventor.com/cart/

Thanks!

Hi,

You can use the following in Theme Options -> Custom CSS
It will change your button color to black.

.woocommerce .button {
    background: #000000 none repeat scroll 0 0 !important;
}

You can replace #000000 to the color hex code that you require.
https://www.colorpicker.com/

Regarding changing the button text from Buy Product to Add to cart,
This has to be done either by translating your plugin’s text or editing your plugin’s code.
Please contact your plugin developer for assistance.

Thank you

Thanks so much! it works immediately. But the “Add to Cart” word Color is darker, how can we make it White? See link:
https://kidinventor.com/product-category/costumes/

Compare the color of top raw “Add to Cart” with lower “Buy Product”. Thanks!

Hi,

Use the following in Theme Options -> Custom CSS

.woocommerce .button.add_to_cart_button.product_type_simple {
    color: #fff !important;
}

Thank you

Thanks a lot! Works great!

You are welcome.
Thank you