Website Building » WooCommerce » How Do I Change Text Price in WooCommerce?

How Do I Change Text Price in WooCommerce?

Last updated on January 17, 2023 @ 1:27 pm

If you’re using WooCommerce to sell products on your website, you may want to change the text price for certain products. For example, you may want to increase the price of a product that’s on sale. Or, you may want to change the text color of the price to make it stand out more.

In this article, we’ll show you how to change text price in WooCommerce. We’ll also show you how to style text in HTML using the < p >, < b >, and < u > tags.

To change text price in WooCommerce, go to the product page and click on the “Edit” link. This will take you to the product editor page. On this page, scroll down to the “Price” field and enter the new price.

If you want to change the text color of the price, you can do so by adding a CSS class to the “Additional CSS Classes” field. To do this, click on the “CSS Classes” drop-down and select “Custom CSS Class”. Enter a CSS class name into the field and then click on the “Update” button.

Once you’ve added the CSS class, go to your WordPress theme’s style.css file and add the following code:


.classname { color: #000000; }

Replace “classname” with the actual CSS class name that you entered into the “Additional CSS Classes” field. Save your changes and then check your website to see if the changes have been applied.

Dale Leydon

Dale Leydon

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