WooCommerce Button Colors

WooCommerce button colors got you down. Did you just discover that the color adjustments available in the admin have nothing to do with the color of the buttons appearing on the front of your website? In this age of extended WordPress capabilities one would think that WooCommerce would have provided that functionality. I suppose, with a little free time and some motivation, one could build a plugin for that. Until that day arrives, I present to you my WooCommerce Product Add to Cart, On Sale, and Product Price buttons cheat sheet.

Copy and paste this css into your child theme and watch the colors of your WooCommerce buttons magically appear in lime-ish green and purple.

Roll Your Own

Certainly limey green a purple aren’t going to satisfy everybody, and yes there is a trick to it – an easy way to change the colors. I cheated by heading over to ColorZilla’s Ultimate CSS Gradient Generator, picked a couple off the shelf gradients, then simply copied and pasted.

About Flash

Flash is a twenty year veteran of the internet; married to Jan for over thirty years, blessed with two fine boys Zac and Max.