How To Change Price Color In Woocommerce

WooCommerce stands as a widely embraced platform for e-commerce, enabling online product sales. A notable capability of WooCommerce is its customizable storefront, especially in altering the color schemes of product pricing. This guide will demonstrate the process of modifying the price color within WooCommerce.

Step 1: Access the WordPress Admin Area

To begin, log in to your WordPress admin area and navigate to the “Appearance” section. From there, select “Customize” to access the customization options for your store.

Step 2: Customize the Price Color

Once you are in the customization area, look for the “WooCommerce” section and click on it. From there, select “Product Prices” to access the options for changing the price color.

In the “Product Prices” section, you will see an option to change the price color. Click on the color picker and select the desired color for your product prices. Once you have selected the color, click on the “Save & Publish” button to apply the changes.

Step 3: Preview Your Changes

After saving your changes, navigate to a product page on your store to preview the new price color. If you are satisfied with the changes, then you can leave them as they are. However, if you want to make further adjustments, simply repeat the process and make any necessary changes.


Changing the price color in WooCommerce is a simple process that can be done in just a few steps. By following the instructions outlined in this article, you can customize the appearance of your store and make it more visually appealing to your customers.