How to change font color in WordPress?

Method #1: Change Font Color in WordPress with the Theme Customizer

Firstly check whether your theme supports to change the font color by following these steps.

  • First, go to Appearance > Customization in your WordPress dashboard as shown here.
  • Here, each WordPress theme will display the various customization options; choose one that offers the color palette for fonts. Note: if you don’t want to change the theme, and the current one doesn’t offer this change, then you should use other methods.
  • Then, go to Appearance > Customize > Colors. On the next page, various options are available depending on your theme.
  • If your theme doesn’t offer customization options, consider using other methods.

Method #2: Change Font Color in WordPress with the Classic Editor

The classic editor does not easily enable changing font color in WordPress because the developers decided to hide this option to change it. However, it is possible, and here’s how.

  • Go to the dashboard, find the post you want to edit.
  • To see the text color click on the “Toolbar Toggle” button, which is located right under the “Add Media” and “Add Contact Form” buttons.
  • Some extra options should now appear, one of which is the “Text color” option from the drop-down box.
  • When you click on the down arrow, there should be various customization options for the font text, normally available on other customization tools. If you don’t like the color options (there are 39 of them), you can use custom font colors. If you press on the “X” button in the bottom right corner, it will change the color to “no color”, which will automatically adjust the text color.

  • Providing you know the hex code of your desired color, you can use this to change the color.
  • If you want to do it without the code, you can click on the “Custom” button near the bottom of the “Text color” menu.

  • Then you should see a square box in the top right, ranging from red to black. There’s also a rainbow rectangle on the right, where you can choose your preferred color.
  • To change the color visually, click anywhere in this rainbow box; you can also change the shade by dragging in this box. The color of the black box should change to the custom color you’re making. At the top, you’ll see the preview of the text with the color you’ve made. Then, when you’re ready, an automatic code will be generated at the top which is helpful if you wish to match the other colors later on.
  • If you want the specific shades of red, green, and blue, enter the values in the RGB boxes on the right. You can also enter the code you need for this color.
  • To save the custom color, click on Enter or on the button Ok. To cancel, click on the x or “cancel” which will exit the menu without changing anything.

  • When you choose the right color, click on the “Update” button to conclude.
  • To use this custom color in future projects, you need to go through this process again because the custom color won’t be saved. If you want that color permanently, you’ll need to update the CSS of the theme and add the color in it.
  • Was this reply helpful?
  • Yes
  • No