How to Change the Font Colors and Size in WordPress

In WordPress by Fathi Arfaoui4 CommentsLast Updated: September 28th, 2017

The majority if not all the modern themes come with a font editor, where you can change the font colors in WordPress, and much more. But sometimes, you can’t really find a solution to edit the font and make it relevant to your theme and layout.

This is a critical situation, especially, for people who use outdated themes. In other cases, to change everything for the font, you need to test many settings and hope that you find the best color. Today, I’ll show you how to edit the font colors in WordPress in all the themes, even, for themes without a control panel.

Font color and size editor plugin for WordPress

No more problems with the font in WordPress, all you have to do is installing the free Font plugin. It’s the best solution to change the font colors and sizes on your blog. You get all the power of WordPress to extend your theme and change the initial settings to adapt everything to colors and layout.

Now, you need to install and activate the plugin. This easy tool allows you to edit the font, directly in your browser, there is no need to set configuration or complicated options.

How to use the Font plugin?

It’s easy to use, just open your blog page in the browser as usual. Then, you’ll notice a new option called ”Font Settings” added to the WordPress bar at the top page, so, click that option link.

change font colors in wordpress

Next, you get a small window on the left page, as the below example.

Related Content:  10 Professional and Premium Magazine WordPress Themes

change font size in WordPress

Click on that ”Pick any element” button, select any word in the part that you want the colors to be changed. A dashed border will be set around the text. At the same time, a new pop-up window will be opened to create a unique name for that selected area. Just enter any name to make it as an ID for that option.

selction ID

Now, your job is to set the color and everything that you need, to make your text as you want. To change a regular text, for example, select a paragraph. To edit the link colors, select any link and so on.

edit size and colors

As you can see, the Font plugin doesn’t need any settings to start working. To set all your blog posts at once, you just need to open any post in the browser, then edit it. Then, the settings will be applied to all your other posts.

For pages, you need sometimes to edit every page alone. Just set one size and color to apply for all your pages.

This plugin lets you customize your theme text, link colors, and sizes. But, it will need some additional time to set all.

If you’re familiar with CSS and HTML, you can easily find your text and link codes in your browser. I recommend Google Chrome, visit your website and right-click, then, click “inspect element” and the website styling codes will be there. This method will give you better results and even fast settings. You don’t have to edit the same thing many times just because of the webpage change.

Related Content:  How to Secure WordPress Login Page in Simple Steps

You can also customize CSS in WordPress using the JetPack plugin. This method allows you to add the CSS code directly to your theme, through a plugin. Thus, you avoid problems and errors with your theme if something wrong happens during the editing.

Please add your own method to change the font size and colors in WordPress, through other plugins, if you’ve used one.

About Fathi Arfaoui

Fathi Arfaoui: Blogger, and the founder and owner of Trustiko.com. He shares Business, Blogging, WordPress, Web Safety, and Blogging tips to build better websites and blogs. Also, he shares online marketing strategies and recommendations.

Comments

  1. I can’t change the font color on the side for my pages. I got 2 of them, but the rest won’t work. Please help!

  2. Hi on one of my sites I can’t get the toolbar to show on the homepage so therefor I can’t use Fonts. I have klicked the “show toolbar on the frontage” in my profile but is still doesn’t work. What do I do now? Please help!

    1. Author

      It can be a problem of cache or with your theme. Please try deleting the cache if you use a caching plugin. And also, delete the cache in your web browse for better verification.

Leave a Comment