Heads Up! Are you using a WordPress.org blog? The following tutorial only works for the self hosted version of WordPress. Users still on WordPress.com will find some differences in these instructions. To boost your blog using the most powerful form of WordPress, you can transfer your WordPress.com blog to WordPress.org. How that’s done is coming soon!
Creating a post in WordPress is simple. You will notice several text options atop the post editor inside the dashboard–like bold, italics, and
Is that all? What if you want to adjust the size of the text font? Or change the color?
Today I’m going to show you how to change your text size and color in WordPress.
How to Change Your Text Size and Color in WordPress
You may already have looked high and low over your post editor, trying to find the answer. Where do you click? I’m about to show you how to make this work. There is some light HTML coding, but don’t worry, even a beginner can do this by simply copying and pasting the examples below. Pretty easy.
Remember, making text size and text color changes like this is done on a small scale, like just a few words at a time. If you don’t like how your blog text looks overall, the best solution is to install a new theme on your blog–one with a different font type, size and color you prefer.
How to Change Your Text Color
There is no obvious way to change your text color. The WordPress developers want to keep your dashboard as clutter-free as possible, so they hid some of the buttons because they are not often used. Here is how to find the button when you need to change font color:
1. Inside the WordPress dashboard click on “Posts” then click “Add New”…
Or click a post already created that you want to edit in “All Posts”
2. Once you are inside the post editor, click the “Toolbar Toggle” button as you see here circled in red.
3. This will pull up the additional features hidden inside your blog post editor toolbar above the post. The next step is to locate the “Text Color” drop down box. See it below in the red circle…
4. Take your mouse and highlight the text you want to change, then click the “Text Color” drop-down box. Then click on the color you want.
5. After you choose a color, then click the blue Publish or Update button over on the right to save the changes…(If you have already published the post, the blue button will say “Update”…
How to Change Your Text Size
You can change your text size too. This involves a few more clicks but WordPress makes it easy once you get it down.
Let’s get started…
1. Go to the “Posts” section of your dashboard and click the post you want to edit.
2. Once the post editor screen is up, click the “Toolbar Toggle” button.
3. The extra options in the tool bar will drop down so you can see them.
Find the “Paragraph” drop-down box, like you see below.
4. Take your mouse and highlight the text you want to change. Next, click the Paragraph drop-down box. We will click on “Heading 2” for this example.
5. Now you may have noticed that once the highlighted text is changed to Heading 2, the entire paragraph is also changed (see yellow highlighted text below)…
6. You can correct this by doing the following–first, click on the text tab in the upper right corner of the editor. (See Below)
7. When you are in Text view you will see more than just the text of your post. You also see the coding that controls everything, including text size. Check out the paragraph where we enlarged the text to H2…You will notice that before the paragraph starts and where it finishes there is a code–first <h2> and then at the end you see </h2>. (I’ve highlighted it below)…
8. The coding <h2> and </h2> is where the text size “Highlight 2” begins and ends. We chose Heading 2 in step 4 above. If you choose Highlight 3, you will see the coding <h3>, Highlight 1 is coded <h1>, and on down the list, corresponding with each number.
So you can easily change the coding to get the highlights exactly where you want them. Check out how I have moved the code </h2> so that the text size stops after the word “size”.
9. Now when I click the “Visual” tab to get out of Text and back to where I started, you can see that the coding change has worked. Now, only the original text has been enlarged to H2. (See Below)
It really is that simple. Just go into the Text side of your blog post, then copy and paste the codes to “sandwich” the text you want to change. Remember after each change you make to click “Update” on already published posts or “Save Draft” on posts you have not published yet.
Text sizes and colors are not the only thing you’ll find in your WordPress Editor. Remember to click “Toggle Toolbar” whenever you want to make these changes along with additional changes like “Underlining” text, Undoing changes made, adding a “Block Quote”, and more.
Any questions? Feel free to ask in the comments.
Photo Credit: Colour Changing Candle by mararie CC BY-SA 2.0