WooCommerce displays info bars upon certain actions, e.g. when an item has been added to the cart, it is green by default, whereas if an error message is highlighted, it is red.
You can change these colors with some custom CSS outlined below. It can go into the Additional CSS tab of the customizer, or, added within the styles.css file of a child theme.
As a general tip, if you want to make CSS tweaks but aren’t comfortable making them yourself, this Visual CSS plugin is quite good.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
/* Normally Red */ .woocommerce-error { background-color: #e2401c; } /* Normally Blue */ .woocommerce-info { background-color: #3d9cd2; } /* Normally Green */ .woocommerce-message { background-color: #3bb54a; } /* Normally Green */ body.single-product .woocommerce-message .message-inner { background-color: #3bb54a; } |
