How to Change Your Text Size and Color in WordPress

how to change your text size and color in wordpress

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 strikethrough.

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

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”…

how to change your text size and color in wordpress

Or click a post already created that you want to edit in “All Posts”

how to change your text size and color in wordpress

2. Once you are inside the post editor, click the “Toolbar Toggle” button as you see here circled in red.

how to change your text size and color in wordpress

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…

how to change your text size and color in wordpress

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.

how to change your text size and color in wordpress

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 or color in wordpress

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.

how to change your text size and color in wordpress

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.

how to change your text size and color in wordpress

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.

How to change your text size and color in WordPress

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)…

how to change your text size and color in wordpress

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)

how to change your text size and color in wordpress

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)…

how to change your text size and color in wordpress

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”.

how to change your text size and color in wordpress

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)

how to change your text size and color in wordpress

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 

Author Bio:

Matthew Kaboomis Loomis is the owner of Build Your Own Blog. Connect with him on Google+ and Twitter

10 comments

  1. Deborah   •  

    Hi Matthew,
    Thank you for these clear instructions. I doubt I would have figured this out on my own. I am appreciating the tutorials as I stumble along with my blog.

    • Matthew Loomis   •     Author

      Hi Deborah,

      Great to hear! Glad you are putting action behind the tutorials.

      Your blog is off to a good start. Keep going!

      Best,

      Matthew

  2. nathan   •  

    Hi mathew.
    Brilliant, thanks for sharing. It’s always good to know. Some of the themes i have chosen do not offer any choice of text size. silly really.
    And using colour in my posts is something that i always try and do. It breaks up the content a little and gives direction to the reader for any important notes.

    Thanks for sharing mate!

    • Matthew Loomis   •     Author

      Hi Nathan,

      Really glad you find this useful. That’s a good point about certain themes not allowing the same functions as other. I would think the majority of themes allow font size and color changes…it sounds like this is important to you and so you might want to consider getting a different theme. I would think most Premium themes allow you to adjust font size and color. Have you checked out MOJO Themes? There’s a link to them on my Step 4 page.

      Best,

      Matthew

  3. Dee Tracy   •  

    I just found your website last night and you’ve already helped me immensely!
    Thanks for offering all this great info!

  4. Karen Smith   •  

    Even though I’ve been working with my WP site several years, this was new to me. A friend set mine up for Georgia and choosing blog colors but this will be very useful to add changes within different blog posts.

    • Matthew Loomis   •     Author

      Hey Karen,
      That’s great how this was helpful for you even after years of using WordPress. You will be able to better format your posts so the text catches the eye.
      Keep me posted on how things go.
      Best,
      Matthew

  5. shiv   •  

    Great work. I was struggling to change the color of texts for three hours. I found this tutorial and got the solution.

    Thank You

    • Matthew Loomis   •     Author

      Hi Shiv,

      Thank you for letting me know. Fantastic news!

      Much success,

      Matthew

Leave a Reply

Your email address will not be published. Required fields are marked *

*