Our WooCommerce Plugins

Free Gifts For WooCommerce
Create gift offers based on cart conditions
woo-report-ic
WooCommerce Report
Advanced analytics and reporting for your store
Woocommerce Products Bulk Edit
Bulk edit multiple product fields with a few click
Woocommerce product Table Pro
Display WooCommerce products as table view

Get access to all our premium WooCommerce plugins at a discounted price. Save up to 45% compared to buying individually.

Bundle Price

Individual Value

$599

$828

font color - banner

How to Change the Font Color in WordPress

Changing the font color in your WordPress site is something you can easily do for a small section of text or a block. Alternatively you can change the color of a specific element or a CSS class throughout your site.

In this quick tutorial, I’ll show you how to quickly change the font color in your WordPress site.

I’ll show you two methods:

  • Change in an individual block.
  • Adding a CSS class to a block for color and then styling the class.

I’ll also give you an overview of changing the font color across your site, using your stylesheet.

 

How to Change the Font Color of a Section of Text

You can choose to make a section of text or a whole block of text in one of your posts or pages a different color from the rest. You can use this to highlight some text and make it stand out, or to enhance the design of your site.

A word of warning: too many colors will make your site look messy and unprofessional. Make sure you use colors that don’t clash.

 

Start by finding the section of text whose color you want to change.

a paragraph text

Select the text you want to change the color of by double clicking it. Click the arrow icon above the block and select Text Color.

change color of text in wordpress

Choose the color you want the text to have. The color will change for you in the editing screen.

select color of text

Alternatively, you can use a hex code to select a specific color. This is a good idea if you want to use a color that’s used elsewhere in your site.

Click the Custom color link and either select a color from the picker or type in the hex code.

color picker of text

Repeat this for any other blocks of text or sections of text whose color you want to change. You don’t have to change the color of a whole block—you can just change one word if you want.

Finally, click Update to update your post or Publish to publish it. That will save your changes.

paragraph with different colors

Related Articles

You might also be interested in these articles

5 common mistakes in woocommerce report analysis and how to fix them
Free gifts increase sales psychology banner
How to use data-driven reports to make smarter sales campaign decisions in woo banner

Reader Comments

Join the conversation and share your thoughts

Leave a Reply

Categories

Subscribe to Our Newsletter

Start Your Journey

Sign in / Sign up account to continue