Have you tried to change font colour for all your blogs, but have no idea how to do it? Recently we have posted a tutorial on how to Change Font size in WordPress and this time we want to continue our WordPress tutorials and explain to you How to Change Font Colour in WordPress changing it for all your article at once.
We also show you how to change the font colour for each article separately, talk about the importance of font colour and what mistakes people are making when choosing the font colour. We will show you easy, step by step instructions so everyone from beginners to an expert could follow them without any difficulties.
Why it is Important to Change the Font Colour in WordPress?
Font colour same as font size can affect conversions. According to a study the best conversion rates have black font colour on white background.
Too bright or too toneless font colours are hard to read and if your reader will find your font size hard to read they will leave your site and most likely never come back. You have to find that sweet spot for ideal font colour, but our recommendation, without a doubt, is black font colour.
Mistakes People Making When Choosing a Font Size
Most Common Mistakes People are making When Choosing a Font Size Are:
Too bright or too toneless font size – using too bright or too toneless font colours is a common mistake people are making. Ask yourself a question. Would you read an article if font size would very bright, that it would start hurting your eyes after a few minutes of reading it? Probably no, and that is the answer to what your readers will think too.
If the font is hard to read, wherever font colour is too bright or too toneless, people won’t read it and would not recommend your website to their friends. After changing the font colour on your website it is the best to test your article readability. Try to read it yourself or ask your friends for an opinion.
Too many font colours in one article – some people are using too many font colours in one article and that isn’t a good choice. Studies have shown that one font colour in your article is most likely to get the best response.
How to Change the Font Colour in WordPress Dashboard?
It is very easy to change the Font colour in your WordPress dashboard, all you have to do is log in into your dashboard and open the post you want to edit.
Then highlight the text you want to change font Colour and press on a letter A pop-up menu as shown in the picture below to choose your desired font colour.
That’s it, it is very easy and straight forward, but you have to change the font colour for every post separately.
How to Change the Font size in WordPress for All Articles using CSS?
This is a more advanced way of changing a font colour, but using this method have one great advantage. You can change the font colour for all your articles at once. Let’s have a look at our step by step instructions on how to change the font colour in WordPress using CSS coding.
First of all, go to your website and open one of your articles using Google Chrome (it might work on another browser, but we found Google Chrome works best for us). Then press the right mouse button on any word in one of your paragraphs and press inspect (do not do press it on headings and subheadings, because you will change the font colour of your subheading then).
For changing your headings or subheadings font colour press right mouse button on them and choose inspect.
The extra window will open on the right-hand side and you have to find body section and color.
Then in that section, where is your font size press on style.css.
An extra window will open again showing you in which line the code with your font size is in your WordPress website code. You have to remember which line it is.
Once you have done that go to your WordPress dashboard again. Press on Appearance and Theme Editor.
Window with your websites code will open. Find the line you had to remember with your font colour settings. In our case, it was a line 23. In the font colour section change your font colour code depending on what colour you want your font size to be. We found that font code #000000 for black font colour works best.
Save the changes and that’s done. Your font size changed for all articles. You can’t see the changes? When you go on your website open history window by pressing CTRL + H. Press on clear browsing data.
Press Advanced and tick the box next to Cached images and files and press clear data.
All done. Refresh your browser and now you are able to see font size changes on your website.
- Font colours can affect conversions.
- According to studies, black font on a white background is most readable and have the best conversion rates.
- Most common mistakes for choosing font colour are too many font colours in an article and font colour is too bright or too toneless.
- There are two main ways on how to change your font colour: one way is using your WordPress dashboard article edit tool and another is editing your CSS code.
These were our step by step instructions on How to Change the Font colour in WordPress. Follow them and you will change your font colour quick and easy. You can use this method to make any changes on your website.
However, making any changes on your website using CSS and changing the code in the wrong place, potentially you can break your website or you can make changes you didn’t want to change.
We recommend you to back up your WordPress website before doing any CSS changes, especially if you not familiar with CSS.
We hope this article gave you the information you needed and ideas on how to change the font colour in WordPress. You ever need a hand or have any questions or concerns don’t hesitate and feel free to leave them below and we will be more than happy to help you out and answer your questions as soon as possible.
All the best,
Marius & Ndidi
Founders of howtoquit9to5job.com