A comprehensive database for everything WordPress related.

TOP
WPKlik Logo Newsletter

Sign up and receive a free copy of How to Create an online Store with WooCommerce (full guide)

change-font-size-and-color-in-wordpress

How to Quickly Change Font Size and Color in WordPress

Introduction

Showcasing your content in a proper way is one of the key presentational elements for any website. Sometimes, this presentation can rely upon the minutest of stylization choices. After you choose the right font for your website, setting up font size and color for the textual bits on your site can also prove essential in how visitors view your platform. In this article we will show you how to quickly change font size and color of your textual content.

Changing Color

Step 1: Open the Toolbar

WordPress is streamlined for ease of customization, which means you should not have a hard time if you try to change font size and color.

As a result, changing the text color is quite a simple process. Once you have inserted your text in the editor, you should toggle the toolbar. Click the top right (by default) icon in the editor, as shown on the image below.

a

Step 2: Pick a Color

This will open up the editor toolbar. After that you can select the text you wish to apply the new color to. Obviously, this can be the text in its entirety or just a portion of it. Next click on the A icon. This will present you with a dropdown menu with color options.

Pick a Color

All that’s left to do at this stage is to pick a color which fits your style the most.

Step 3: Add a Custom Color

In case none of the ready-made colors from the dropdown quite match your vision, there’s a solution. Namely, you can also create your own custom color variants. Simply click the Custom button and tweak the color style.

Add a Custom Color

Changing Font Size

Font size is one of those things that can make or break an article. As basic as it may be, font size still has an enormous impact on the overall readability of your content. As such, it’s only natural you can fine tune and modify font size to your liking.

First you should select the portion of the text you wish to change font size for. After that, open the Paragraph dropdown located in the top left of the editor window. Here you will be able to choose from all the predefined headings. The default font size is paragraph size. You will also be able to see a list of shortcuts for different headings, which can prove useful for future use.

Changing Font Size

In case none of the predefined font sizes prove to be what you are looking for, you can change the font size manually. However, you will need to switch to Text editing mode. To make the switch, click the Text tab located at the top right of the editor window.

Switch to Text editing mode

You should do the following: in front of the text whose font size you wish to change you should add <p style="font-size:25px;">

The value next to px determines the font size. We used 25 as an example. This should be followed by the text itself, along with a </p> at the end of the text bit.

In our case, as shown on the image below, it goes like this:

<p style="font-size:25px;">Lorem ipsum dolor sit amet</p>

Change font size using code

All that’s left at this stage is to preview the changes made. Naturally, in order to do this you should click Update or simply Publish the page if you are making a new one.

Change font size and color

Conclusion

Hope this article on how to quickly change font size and color in WordPress was helpful. Surely now you should have a full grasp of these two very important features. In conclusion, it all comes down to a simple matter of your choice; as you’ve seen in this article, it is a quite simple and streamlined process.

We hope this article was helpful. If you liked it, feel free to check out some of these articles as well!

Newsletter

WordPress perfection at your fingertips.

If you enjoyed this article, feel free to subscribe to our newsletter using the form below. You can also follow us on Facebook and Twitter and subscribe to our YouTube channel for WordPress video tutorials.

Leave a Reply