How to Change Font Color in WordPress (Quick Ways)

Are you looking to change the font color in WordPress? If yes, continue reading this article. It is one of the common questions asked by WordPress users, especially beginners who are just starting out with WordPress.

Whether you want to change a single word, a complete sentence, or whole WordPress site font, all is possible. You can easily change the font on your site with easy steps.

The look of a website is of utmost importance and the font color of your website plays an important role in creating the look you want. You might want to use a particular color that is not found in the default WordPress colors.

Other than website looks, there can be multiple reasons why you want to change font color in your WordPress blog. For example, maybe you want to highlight any particular text or subheading in your content.

In this guide, I will try to explain the process of changing font color in WordPress step by step.

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. If you are using any other theme, 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 “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 Color of 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 again go to the 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 for doing 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 text font color in WordPress then you do this by using the Gutenberg or 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 🙂

TheWPX is a blog where we cover topics related to Blogging, WordPress, SEO, and Affiliate Marketing.
All the information which is published on our website is collected through independent research and tests. The data is being verified through consultation with reliable sources.
Also, We constantly update the content on our website, keeping it fresh and relevant to our readers at all times.

Leave a Comment

Sunny Kumar

Sunny Kumar, Founder of TheWPX

Hola Amigos! I'm Sunny Kumar, Founder of TheWPX. A blog where I share my experience which I have gathered from my last 7 year journey in blogging with all the new bloggers struggling to make their first income.