How to Change Font Color in WordPress (Quick Ways)

Want to know how to change the text color on your WordPress site? Keep reading, as this is a common query for many, especially if you’re new to WordPress.

Whether it’s just a word, a sentence, or the entire text on your site, changing the color is simple. This can totally switch up your website’s look to what you prefer. Maybe you’re after a specific shade that isn’t in the default color options of WordPress.

There could be several reasons why you’d want to tweak the text color on your blog. Perhaps, you’re looking to highlight certain parts of your content or headings.

I’m here to guide you through each step to modify the font color in WordPress. Let’s get started…

How to Change Font Color in WordPress

While there are many ways to change the font color of your WordPress website, I’m going to discuss four different ways you can do it. These can be applied to your text, heading, or any other element of your website.

The methods are as follows:

  • Changing font color using Gutenberg editor.
  • Changing font color using the classic editor.
  • Changing font color using theme customizer.
  • Changing font color using CSS coding.

So, let’s start our guide to changing font color in WordPress posts or pages or the whole site.

1. Changing Font Color Using the Gutenberg Editor

The first method is for those users who are using the new Gutenberg editor and want to change the font color of specific posts or pages.

Using this method, you can change any words, paragraphs, headings, or subheadings in your posts or pages.

To get started, first, open an existing post or page, or you can also create a new one by navigating to Posts > Add New.

change font color in wordpress, change font color wordpress, how to change font color in wordpress, how to change menu text color in wordpress, how to change text color in wordpress, wordpress change font color
Select the “Highlight” Option from Toolbar

Once the editor opens, click on any word or sentence that you want to color and click on the down arrow on the toolbar as shown in the above image. Here, you need to select the Highlight option.

change font color in wordpress, change font color wordpress, how to change font color in wordpress, how to change menu text color in wordpress, how to change text color in wordpress, wordpress change font color
Select Text & Pick Text Color

When you click on the option, you need to select Text and pick any default color you want or pick any custom color from the palette as shown in the image above.

change font color in wordpress, change font color wordpress, how to change font color in wordpress, how to change menu text color in wordpress, how to change text color in wordpress, wordpress change font color
You can change the “Anchor Link” color

Not only paragraphs, but you can also change the colors of other blocks like headings, subheadings, and bullets.

But what if you want to change the font color of the whole block? The answer is yes, you can even change the color of the complete block in Gutenberg.

change font color in wordpress, change font color wordpress, how to change font color in wordpress, how to change menu text color in wordpress, how to change text color in wordpress, wordpress change font color
Change Block Color in Gutenberg

To do this, simply click on the block and you will see the block settings in the right sidebar. Next, Color option and select Text. Here, you can set any color you want to the block. Similarly, you can add your own custom color to blocks.

2. Changing Font Color Using the Classic Editor

If you are someone who is still using the old classic editor in WordPress then you need to use this method. In this method, you can change the font color of multiple elements like paragraphs, headings, and subheadings.

change font color in wordpress, change font color wordpress, how to change font color in wordpress, how to change menu text color in wordpress, how to change text color in wordpress, wordpress change font color
Change Font Color in Classic Editor

First, open any post or page, select any word or sentence and click on the Toolbar Toggle to see more settings (refer to the above image). Here, you will see the Text color option from where you can choose any color you want or can also add a custom color.

Unfortunately, you can not change the whole color of elements like headings or paragraphs, similar to Gutenberg’s editor.

3. Changing Font Color Using the Theme Customizer

The next method to change the color of the font is to use the theme customizer. This method is recommended if you want to change font color across your whole site. The majority of WordPress themes support this feature.

In our example, I am using the GeneratePress theme that is available for free on WordPress. But if you are using any other theme or page builders like Divi, Astra, or Elementor, you can check its user manual document to find the theme customizer settings.

change font color in wordpress, change font color wordpress, how to change font color in wordpress, how to change menu text color in wordpress, how to change text color in wordpress, wordpress change font color
Open “Customizer” from Appearance > Customizer

The first step is to open the theme customizer by navigating to Appearance > Customize, as shown in the image above.

change font color in wordpress, change font color wordpress, how to change font color in wordpress, how to change menu text color in wordpress, how to change text color in wordpress, wordpress change font color
Select the “Color” Module (Depending Upon Your Theme)

Now, you will get multiple options under customizer, you need to select the Colors option. This option can be of a different name as per the theme.

change font color in wordpress, change font color wordpress, how to change font color in wordpress, how to change menu text color in wordpress, how to change text color in wordpress, wordpress change font color
Set the Color of the Text or Heading

Here, you can change the font color of the whole site. For example, if you want to change the font color of all H1 headings on the site, simply go to Content > H1 Color and choose any color you want. Finally, publish your site to make changes live on the site.

Similarly, you can change the font color of other headings like H2, H3, and others.

4. Changing Font Color Using CSS Coding

Now, let’s come to the last method to change font color in WordPress. If your theme doesn’t offer the customizer setting, then this method can help you.

change font color in wordpress, change font color wordpress, how to change font color in wordpress, how to change menu text color in wordpress, how to change text color in wordpress, wordpress change font color
Click on “Additional CSS” Inside Appearance > Customizer

To use this, we have to go again to Appearance > Customize. But this time, you have to select the Additional CSS option, as shown in the image above.

The best part of this method is that every theme provides an additional CSS setting, so you don’t have to worry about which theme you are using on your WordPress blog.

change font color in wordpress
Add Custom CSS Color Code

In the next step, you can enter the CSS code in the given box. To make it easy below is the code to change the paragraph font color across the whole site. Simply paste this code and change the color code as you want and publish the site.

p { color:#ff0000; }

You can see the live changes on the right side of the screen, as shown in the image above. Similarly, to change the font color of any heading like H2, you can use the below code:

h2 { color:#ff0000; }

Or, if you want to change the font color of all the headings (H1 to H6), you can use this code:

h1, h2, h3, h4, h5, h6 { color:#ff0000; }

If you are a beginner who doesn’t have knowledge of CSS styles, I highly recommend you to use CSS Hero, which is a powerful visual CSS editor that helps you customize your WordPress site’s style with ease. Alternatively, you can use Elementor, Divi, or some other plugins like YellowPencil to do so.

Frequently Asked Questions (FAQs)

Above, I have mentioned every possible solution with steps to change font color in WordPress. But, if you still have any doubts, then here are several frequently asked questions.

1. How do I change the font color on my WordPress title?

If you want to change the font color of your post or page title in WordPress, then you can do this using the visual editor (Gutenberg or classic editor), as mentioned above.

Also, you can do this through a theme customizer or by CSS style code.

2. How do I change my text font color?

If you want to change the text font color in WordPress, then you do this by using Gutenberg or a classic editor.

You can also use the theme customizer to change the font color of any text in your posts or pages. But, I recommend you to use a visual editor as it is easy to use.

3. How do I change the font on my WordPress theme?

Changing the whole font color in your WordPress theme, then you should use the theme customizer method.

Simply open your theme’s customizer and change the color of the body, headings, subheadings, and so on.

Wrapping Up!

Changing font color is not rocket science; anyone can do it using the above-mentioned methods. Font colors are an element that makes your site attractive to visitors, and users spend more time on your site.

I hope this guide will help you change the font color in your WordPress blog. If you enjoyed the above guide, please share it with your friends and over social media. Also, if you face any issues performing the steps, feel free to comment below.

Happy Editing 🙂

Sunny Kumar

Number of posts: 163

Hi, I'm Sunny Kumar, a passionate tech enthusiast and a blogger from New Delhi, India. With a degree in IT from IIT-D and expertise in SEO, Cloud Computing, Telecom & Networking, and CEH, I specialize in various technical fields, including SEO, WordPress Development, and PC Building. And being a proficient WordPress user, I’m dedicated to delivering quality content and a remarkable user experience.

2 thoughts on “How to Change Font Color in WordPress (Quick Ways)”

  1. This guide on changing font color in WordPress is absolutely helpful. The step-by-step instructions are clear, even for a beginner like me. It’s great to have multiple methods to choose from. Thank you for this!

    Reply
  2. This guide is very helpful! I’ve been looking for ways to modify font color on my WordPress site. Your step-by-step instructions are easy to follow and cover various methods too.

    Reply

Leave a Comment