Website Building » WooCommerce » How Do I Change My Notice Color in WooCommerce?

How Do I Change My Notice Color in WooCommerce?

Last updated on October 1, 2022 @ 3:59 pm

If you want to change the color of your WooCommerce product page notices, there are a few things you need to do. First, you need to edit your WooCommerce stylesheet.

You can find this file in the /wp-content/plugins/woocommerce/assets/css/ directory.

Next, find the .woocommerce-message class and change the color property to the color you want. For example, if you want to make the notices red, you would add this to your stylesheet:

PRO TIP: If you are using the WooCommerce plugin for WordPress, you may have noticed that the default notice color is yellow. While this may be fine for some sites, you may want to change the color to better match your brand or style.

Changing the notice color in WooCommerce is relatively easy, but there are a few things you need to keep in mind. First, the color you choose will apply to all notices on your site, including error messages, success messages, and general information notices. Second, if you have customized your CSS, you may need to adjust your code to account for the new color.

Finally, keep in mind that changing the notice color will not affect any other colors on your site; if you want to change those as well, you will need to modify your CSS separately.

.woocommerce-message {
color: #ff0000;
}

Now, all of your WooCommerce product page notices should be red!

How Do I Change My Notice Color in WooCommerce?

If you want to change the color of your WooCommerce product page notices, there are a few things you need to do. Next, find the . For example, if you want to make the notices red, you would add this to your stylesheet:
.woocommerce-message {
color: #ff0000;
} Now, all of your WooCommerce product page notices should be red!

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.