How To Change Font Color In WordPress

change font color

Default is always great, but sometimes it may not be useful. For instance, a new WordPress website comes with default font colors, but it might not be useful or attractive for your website. You need to change it in order to bring balance to your website.

Now this question might arise in your mind “how to change font color in WordPress?” Well, it’s very easy, and you can do it yourself. At here, I am sharing 3 different ways to change font colors. 

You can pick any procedure and change the font color to any of your preferred colors. 

Different Ways To Change Font Colors

How To Change The Text Font Color In The Block Editor

With the new block editor (Gutenberg) of WordPress, you can only change the text color of full blocks. 

To change the text font color,

  • First, select a block.
  • Click the settings icon on the top right.
  • Toggle to Block tab
  • Click on color settings. From here, you can change text color along with the background color. 
  • Now Click on presets or in “custom color” text. Then choose your preferred color. 

In this way, you can pick the colors for selected blocks only. The block editor only allows you to change the color of these blocks: Heading block, Paragraph block, Button block, and Pullquote block.

For the other blocks you have nothing to do, you have to go with the default color. Some of these blocks are Table block, List block, Verse block, Quote block, etc. 

How To Change Font Color In Theme Customizer

To change the font color using theme customizer, you need to check whether your theme supports it. I am using the OcenWP theme here. 

  • At first, go to Appearance -> Customize and open the theme customizer.. 
  • Now, look for the option called “Typography.” By clicking this option, you will find different portions of a page. 
  • Select any part. I am selecting “Heading 1”. Now at the very below, you will find an option called “Font Color.”
  • Click on “Select Color” and choose your preferred color for Heading 1. This will affect all your posts and pages. 

In this way, you can change the font color for the body, H2, H3, and so on. After you are done changing the font color, don’t forget to hit the publish button. 

How To Change Font Color Globally Using CSS

What if your theme doesn’t provide you the option to change the text color? What will you do? 

Well, you can still change the font color globally by using the customizer. To do this

  • Go to Appearance -> Customizer and scroll a bit to the bottom.
  • Select “Additional CSS,” where you will see some instructions with a box where you can enter CSS code. 
  • For example, if you enter this code. 
p { color:#990000; }

All your regular posts and pages font color will be changed to dark red. You may choose any color you want. To change heading you may put this code 

h2 { color:#990000; }

In this way, you can change any font color using CSS globally. 

Last Words

Hope you have learned how to change the font color in WordPress all by yourself. If you still couldn’t configure to change the color comment in the box below. I will be there to assist you. Check out more how-to guides from Ultimateblocks.

If you have any queries feel free to tell through the comments. 

Leave a Comment

Your email address will not be published. Required fields are marked *

Copy link
Powered by Social Snap