How to Change Your Text Size and Color in WordPress

Please note: This tutorial is for WordPress.org blogs. If you are still using a WordPress.com blog the process may be slightly different. To utilize the full power of WordPress you may want to consider transferring your WordPress.com blog to WordPress.org.

When writing a post in WordPress you will see a few text options on the post editor screen like bold, italics, and strikethrough. But what if you want to change the size of the text? Or the color?

There is seemingly no simple solution for this on the post editor screen, so I am going to show you some workarounds to get it done. This will involve some light HTML coding, but even if you are a beginner you should be able to copy and paste the examples I give to get your desired effect.

The method I am going to show you should only be used if you want to make changes to just a few words in your post. If you don’t like the overall look of the text on your blog, it is better to just install a new theme on your blog that has a font type, size, and color that you like.

Changing Text Color

At first look you probably won’t see an easy way to change the text color. This is because, for some reason, the developers of WordPress decided to hide this feature. Here is how to get to it:

1. In your WordPress dashboard go to the “Posts” section and click on the post you want to edit.
2. Once you are on the post editor screen click the “Toolbar Toggle” button just about your post (circled in red below).

3. This will bring up some extra options in the toolbar above your post. One of these options is a “Text color” drop-down box.

4. Use your mouse to highlight the text you want to change and then click the “Text color” drop-down box. Choose whichever color you like.

5. Once you have chosen a color you can click the blue “Update” button on the right-hand side to save your changes.

Changing Text Size

Changing your text size follows a process similar to the one we used to change the text color. This one is a little more complicated though. Here is how to do it:

1. In your WordPress dashboard go to the “Posts” section and click on the post you want to edit.
2. Once you are on the post editor screen click the “Toolbar Toggle” button just about your post (circled in red below).

3. This will bring up some extra options in the toolbar above your post. One of these options is a drop-down box that says “Paragraph”.

4. Use your mouse to highlight the text you want to change and then click the “Paragraph” drop-down box. Choose “Heading 3” to follow along with this example.

5. Once you choose a text size you will notice that it not only changed the text you highlighted, but all of the text in that paragraph!

6. To fix this, we need to get into the HTML code of the post. To do this, click the “Text” tab (circled below).

7. Now that you are in “Text” view you will not only see the text of your post, but also the codes that control things like text size. Look at the paragraph where we changed the text size. Just prior to the paragraph you will see this: <h3>

Just after the paragraph you will see this: </h3>

These codes mark where Heading 3 (the text size we chose in step #4) starts and stops. In order to change this, and only change the size of the text we want, we need to move those codes to the appropriate place. Take a look at the screenshots below to see how to do this:

Before:



After:

8. As you can see, all you need to do is copy and paste the codes to surround the text that you want to change. Once you have done that you can click the blue “Update” button on the right-hand side to save your changes.

In addition to changing text size and color, when you click the “Toggle toolbar” button you will see some other new features. These include useful things like underlined text and indentations, so keep the “Toggle toolbar” button in mind in case you need to use these features in the future.