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. On the other hand, you can use typography WordPress themes that are already packed with tons of typography choices. 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.
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.
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.
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.
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.
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>
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.
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!
