How To Change The Font Size In WordPress

How To Change The Font Size In WordPress

Last modified: April 28, 2020

FAQ
Cloudways

Sometimes you might want to change the size of the text on your WordPress website. Here are some quick steps to change these

Show More

* This button will show the rest of the post and open up an offer from a vendor

Within Your Page/Post

This is how to change the font size for a specific paragraph within a website page or post.

Step One: Log In

First you need to log into your WordPress dashboard, and go to the page/post page.

Step Two: Edit Document

Now find the post/page that you would like to change the font on. Click on the ‘edit’ option below.

Step Three: Switch View

Ensure you’re on the editor mode and not visual view. This is where you will see the coding for the page/post.

Step Four: Paragraph

Find the paragraph which you would like to change the text size for.  It will look something like this:

<p>Some text</p>

Then you can add an inline style attribute:

<p style="font-size:25px">

The end result should look something like this:

<p style="font-size:25px">Some text</p>

 

... and Scan WP's recommended web hosting company is... Cloudways (Click for special deal)

Step Five: Save

Then save your post/page.

CSS Option

You can also change the overall font size of all your paragraphs using CSS. Here are those instructions:

For this to work you will need to add the following custom CSS to your WordPress theme. Some these have an area for you to add this in. The code you will need will be:

p { 
font-size:16px; 
}

If you switch themes, you will need to re-do this as the new theme will delete this setting.

TinyMCE

Another method is to use the TinyMCE Advanced Plugin. This is a WordPress plugin that gives you more control over your font-sizes and text when formatting content. You will need to install and activate the TinyMCE advanced plugin to get this to work.

Step One: Log In

Go to your WordPress dashboard.

Step Two: Go To Settings

Next you need to go to settings and then TinyMCE Advanced. This allows you to configure the editor settings.

Step Three: Activate The Option

All you need to do now is to find the ‘Font Size‘ button from the unused buttons. Drag and drop this into the toolbar. Then save the changes. This activates this option within the Post/Page editor.

Step Four: Change Paragraphs

Now all you need to do is to go into your post/page and edit the paragraph’s font size with the drop down option in the top toolbar. It is an easy, efficient way to edit your font size.

And there you have it. Your font size has been changed to exactly how you want it to be.

Recap:
Save 4 Later
Email liked links to yourself