How to Easily Change the Font Size in WordPress

How to change font size in wordpress

In this article, I'll walk you through the 4 different ways to change the font size on your WordPress blog, so you can choose the one that's right for you, so if you're ready, let's dive into the first method.

Adjusting the paragraph headings

Paragraph headers are basically the subheadings that allow users to easily browse your entire post or page, so they know exactly what you are talking about.

If there are no subheadings on your article or page…! I don't think users stayed on your blog to read your content.

And that's what nobody wants!!

So, adding subheadings in your article is a good way to grab users' attention.

How to add a heading in your post?

To add a heading in your post, let's head over to a post you want to edit.

Go to posts » all posts, or you can either create a new post.

Go to edit this post, to add a heading you can come over your text where you want to add it.

Hit Enter or click, so you can start a new line. Then simply add the Heading block, you can find it in the Common blocks section.

Add a Heading

From here, you can pick the heading that you want h2, h3h6.  Once you're done, make sure you click Publish so you can update your post.

Select a heading

Using the Block Editor

But, If you want to change the font for a paragraph or even the whole post, what to do?

To do so, you can easily use the default WordPress block editor. You can just click on the paragraph area, and now you see all paragraph settings on the right hand in the block.

Change text size

Go to Font Size under Text Settings, and change it from what's normal. You can make it larger from the drop-down menu, or even do Custom to adjust it even more by typing the pixel size that you want.

If you’re satisfied with those changes, you can simply click update, and the changes will take effect.

Using TinyMCE Advanced Plugin

The third method I’ll show you is by changing the font size using the TinyMCE Advanced Plugin.

There are a lot of people who enjoy using this plugin, and it's basically a (what you see is what you get) type plugin. It gives you more control and helps you format your posts and pages easily.

To use TinyMCE Advanced Plugin, you need to install and activate it. If you’re not familiar with plugin installation, check my step by step guide on how to install a WordPress plugin.

If you're still using the classic editor, you will see that TinyMCE has the ‘Font Sizedrop-down enabled by default in the second row of icons.

TinyMCE Advanced Classic Editor

Or, go to Settings » TinyMCE Advanced to make adjustments.

Scroll down the screen, and add the Font Sizes drop-down to the Editor Toolbar by drag-and-drop it.

TinyMCE Settings

When you're done, make sure that you scroll all the way down to click save changes.

TinyMCE on Editor Toolbar

Now you can go back to that post that you've been working on. Go to edit to see the button in action.

Using CSS

To make the work easier, and not changing font sizes every time you edit a post. You need to change it permanently in your WordPress theme.

To do so, go to Appearance » Customize.

Depending on your theme, some WordPress theme comes with the font size option. If you can’t find that feature, you need to add custom CSS.

Go to Additional CSS option, and now you can simply add your custom CSS code.

Additional CSS

Like this example below, I have changed the font size to ’16px’ for paragraphs, you can choose a different font size if you want.

p {
font-size:16px;
}

You can see the changes immediately on the preview on the right hand on your screen. To save the change, click the ‘Publish’ button at the top.

Note:  If you had to change another WordPress theme, you’ll need to copy and paste this code into the Customizer again.

If you want to change the font size of all h2, h3, or h4… subheadings, you can simply add this above code to target these elements in your theme like this:

h2 {
font-size:32px;
}
H3 {
font-size:28px;
}
H4 {
font-size:22px;
}

I hope this article helped you to learn how to easily change the font size in your WordPress blog.

If you liked this article, then please share it with friends.

See you next post.

Feel free to drop me a line or ask any questions in the comments below!