Get a fast, conversion-focused WooCommerce theme in 2024. Switch to Shoptimizer.

Home Documentation Shoptimizer Other WooCommerce Changing WooCommerce’s info bar colors

Changing WooCommerce’s info bar colors

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.


Do you want a whopping $50 off Shoptimizer for WooCommerce?

Click the button below to get Shoptimizer for only $49. (Regular price: $99).
This is a special launch offer for today only.
Get it before it is gone!