In the beginning, it can be a bit confusing to figure out how to ‘customize font colours in WordPress‘ for different text elements in your WordPress dashboard. The good news is that WordPress has made great strides in providing this feature today compared to before. So, let’s dive into some important ways how you can change the font colour in WordPress without negatively affecting your SEO best practices or sacrificing the readability of the content.
Disclosure: Please note that some of the links below are affiliate links and are at no additional cost to you. I get compensated when you buy hosting using my affiliate links, which helps make this guide free for you. Please note that I only recommend products and services that I have personally used, and found to be worth it.
How to Customize Font Colours in WordPress?
There are three different ways how you can change the font colour in your WordPress blog without any technical skills:
1. Changing site-wide font colours in theme settings,
2. Using Classic Editor (or Gutenberg) to change font colours in posts and,
3. Changing font colours in WordPress pages with Page Builder
Now let’s dive into the details of how you can change your font colour using the tools available in your WordPress dashboard.
Changing site-wide font colours in theme settings
If you are using any of the best WordPress themes like Hello Elementor or Astra, controlling the visual layout of your blog content can be done in just a few clicks from inside your theme settings. First, you need to check and see if your WordPress theme offers you the option to change the font colour site-wide. Simply navigate to Appearance and then Theme Options to see more items.
Once you are in the theme options, look for words like style, typography etc that control the visual look of your blog. Take some time here and I’m sure you’ll find a way to customize your colour settings to your needs in just a few clicks. If you’re changing the font colour with the site-wide text method, doing it directly within your WordPress theme options—is the best, safest, and most SEO-friendly way to go.
Here you can customize the colours of your choice for elements such as text, links, buttons, and menu link colours. Once you have selected the colour of your choice, simply click on Save Changes to save these settings.
Using WordPress Editor to Change Font Color in Posts
Whether you’re using the Classic or Gutenberg editor in WordPress, it’s very easy to change the font colour when formatting a post. All you have to do is slide on the selected text and you will find options on the right side of your dashboard to change the colour of the text or background. Simply hover over to select the colours of your choice and then click on Update to change the setting as you can see in the screenshot below.
If you are using the classical editor of WordPress then some of you may find different options and layouts to change the font colour setting.
Remember that the Gutenberg editor also has the same options, layout, and functionality and you can do exactly the same as you would in the case of the classical editor.
Just click on the text and then select the colour you want to change your highlighted text or background easily. Now, if you want to change your font colour to a more custom one, that is also possible. Let me show you how you can do it:
You can actually change the font colour of your text to any colour you imagine, provided you have the hex code. Click “Custom Options” at the bottom of the “Text Color” menu and you’ll see this page:
So, once committed to a specific colour, you’ll need to hit the Publish button and see your settings live.
Changing font colours in WordPress pages with Page Builder
The last method I would recommend is to choose a design system of global colours with the help of a page builder like Elementor. This will help you customize a design system of font colours to help you create pages using similar colours. To do this, simply click on ‘Edit with Elementor’, then click on the three parallel bars on the top left corner, followed by Site Settings and finally Global Colours to choose a custom font colour system.
Here you have to test your patience as it takes time but it will help you to choose different colours for the header and footer, links, menus and buttons. I am sure, that once you are familiar with everything, you will definitely create a unique font colour system of your choice.
Once you choose a design system, it controls the visual appearance of the entire blog, regardless of the colours, you use when formatting a post. Here’s how it looks when you navigate to the page in your blog’s editor where you want to change the font colour.
Conclusion
Whether you want to adjust your site-wide font colour settings, change the colours of certain words in your post editor, or use your page builder to adjust the title colour on the main page of your blog. Yes, Always There is a possibility and an even better option. So don’t get confused and always use the one you are comfortable with. Look, I’m a bit biased about using a custom font colour set by a page builder like Elementor. This saves a lot of time and energy which can be used for other productive things.
