Recently one of our users asked how to change the font size in WordPress post and page content. There are a few possible ways to doing so. In this article, we will show you how to change the font size in WordPress.
Video Version
Method 1: Using the Paragraph Headings
Most of the time people want a bigger font size to grab attention of their readers specially for the heading elements. When writing the post content, you can use different heading sizes. In the visual editor mode, you can see all the available items under the tab called “Paragraph” as shown in the screenshot below:
These sizes are controlled by your theme’s stylesheet file (style.css) to make sure that the font size is coherent with everything. In most cases, one of the heading sizes should get the job done. Also, there are noted SEO benefits for using heading tags to emphasize main keywords i.e headings.
Method 2: TinyMCE Advanced Plugin
This method utilizes a WordPress plugin known asTinyMCE advanced. Upon activation, simply go toSettings » TinyMCE Advanced to configure the editor settings. On this page you will see the TinyMCE Editor tool bar with buttons. You will also see unused buttons below.
Now all you need to do is drag and drop the font size button from the unused buttons to any row in the toolbar. After that click on Save Changes button.
To see the button in action, create a new post or edit an existing one and you will see the default WordPress visual editor is replaced by the TinyMCE Advanced editor with font-size button.
As you can see in the screenshot above, that you can select any font size you like from the drop down. This gives you more freedom over things because now you can actually have font-size even smaller than the normal body font i.e 8pt or 10pt. The biggest downside of this method is if you ever change themes, you have to account for all the font size changes you made in individual posts.
Note: If you want to change the font size of all paragraphs (i.e the entire post content), then DO NOT use the TinyMCE advanced. Rather, you would need to adjust the styling in your style.css file.
Post a Comment