If you want to change the default font color in WordPress – for example, you may want to customize it to match your brand – it’s actually easy enough to do.
Changing the font color on your website is useful if you want to highlight important notes in your posts and make it easier for readers to skim and scan your content, or if you want to change your WordPress font color sitewide. Let’s look at four different methods to change WordPress text color:
- Change WordPress Text Color Using Classic Editor
- Adjust WordPress Site-wide Text Color with Theme Customizer
- Change WordPress Font Color via CSS
- Tweak Font Color with Elementor
Change WordPress Text Color Using Classic Editor
It’s easy enough to change text color using the Classic Editor toolbar. First, log into your WordPress dashboard and open the page or post where you want to change the font color.
Click on the Toolbar Toggle button on the right. This opens a second row with additional editing options, including text color controls.
Highlight the text you want to modify, click on the “A” icon, and select your desired color from the palette.
If you need a specific shade not shown in the palette, choose “Custom.” A color picker will appear where you can select any color you prefer. Click OK to apply your selection.
Once done, don’t forget to hit Update to save your changes.
Adjust WordPress Site-wide Text Color with Theme Customizer
Want to change the font color across your entire WordPress site? You can easily do this using the Theme Customizer.
First, check whether your theme allows color customization by navigating to Appearance > Customization in your WordPress dashboard.
Every WordPress theme includes various customization options. Look for settings related to colors, often found under labels like “Styling” or “Typography.”
Here’s how to change text color in the OceanWP theme as an example:
First, go to Appearance > Customize to open the theme customizer
Scroll down and select Typography. You’ll see multiple options such as Body, Heading 1, Heading 2, etc. Simply choose Body to edit the main text color of your posts
Next, click on the Font Color selector to open the color picker. Here, select your preferred color and then click the ‘Publish’ button to apply your changes site-wide
Note: If your current theme doesn’t support changing font colors and you don’t want to switch themes, try the CSS method described in the next section.
Change WordPress Font Color via CSS
Using CSS to modify font colors is the most effective approach when your theme doesn’t offer built-in color customization options.
Here’s what you need to do:
Go to Appearance > Customizer in your WordPress dashboard. Scroll to the bottom of the options list and click “Additional CSS”.
Copy and paste this code into the CSS code box:
p { color:#990000; }
This will change the color of all regular text in your posts and pages to dark red. You can replace the hex code (#990000) with the code for your preferred color.
If you want to change the color of your headings instead, use this code:
h2 { color:#990000; }
Tweak Font Color with Elementor
Elementor is one of the most popular page builders in the WordPress community, and for good reason. As a drag-and-drop builder, it makes editing page elements, including text color, incredibly straightforward.
Elementor Widgets allow you to modify text color and typography settings through the Widget Setting > Style tab.
Simply click the edit icon to access typography settings, where you can change:
Style
- Text Color: Choose any color for your text
Typography
- Family: Select your preferred font family
- Size: Adjust the font size
- Weight: Set the weight (boldness) of the font
- Style: Choose between Normal, Italic, and Oblique
- Decoration: Add underlines or other text decorations
- Line-Height: Adjust the spacing between lines of text
- Letter Spacing: Control the space between individual characters
Conclusion
We’ve covered four simple methods to change text color in WordPress. All of these approaches are straightforward and don’t require advanced technical skills.
Changing text color using the Classic Editor is the simplest method for individual text sections. For site-wide color changes, the Theme Customizer is your best bet. If your theme doesn’t support color customization, adding CSS code provides an excellent alternative.
For Elementor users, we’ve included specific instructions on accessing the text color settings through the Style tab in Widget Settings. Hopefully this covers everything you need to change the color of text on your WordPress website.
