Tutorials

How to Change Font Size and Font Colors in WordPress

Apart from the worth of the content being delivered to viewers, the kind of delivery matters as well. You could differentiate important content from the routine by improvising with different text sizes and colors. WordPress gives you multiple options in tweaking the font sizes and colors, and this article attempts to explain a couple of them. When you are adding text in the HTML box while creating a post, you can play with 3 elements to result in different text sizes and colors. Here is a code fragment that will let you learn these elements quickly.

<span style=”font-family:comic sans ms;font-size:x-large;”>Font sizes can be changes</span> <span style=”font-size:x-small;”>but it can get tricky in coding</span> <span style=”font-family:georgia;color:#2233ff;”> and you might want to learn a simpler method</span> <span style=”font-family:arial;color:#ff00ff;font-size:xx-small;”>but here it is</span>

Font family – you can change the style of the type, and you see comic sans defines in the first part of the code above.

Font size – Obviously, this element defines the size of the text, and in the code fragment’s first part, x-large is used.

Color – again, pretty obvious; this element is to change the color of your text; you can notice the usage of color code #2233ff in the second code line.

Now, the above method is for people who want to go the coding way; here’s another.

The visual editor makes life a lot easier for all those who are not that great with their HTML. You see some rows of small icons when you choose the Visual Editor input method while creating a new post. Here’s how it looks.

Change font size in wp

If you see the 4th icon, you see an A alphabet. When you click on it, you get several color options. So, all you’ve got to do is to select the text you want to color, and use this button to change text colors. Also notice the first button; it can be used in a similar manner to change the style of the text in terms of its size.

Leave a Comment

six − one =

Hurry Up !!!

BIG Discounts &
Great Savings on

Popular WordPress Themes of Top Developers
GET IT NOW
* Terms & Conditions Apply
close-link