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.
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 as TinyMCE advanced. Once you install and activate this plugin, it will add numerous other features to your Visual Editor. One of those features is font-size.
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.
Nice tutorial. Thanks!
Thanks for this post.
Can you adjust the spacing between paragraphs in WordPress ?
Yes, but you would have to edit the theme’s CSS.
Don’t forget to click the “Show/Hide The Kitchen Sink” button in the visual editor to display the paragraph setting. It’s hidden by default.
You guys are great and thank you for info!
Another way is to use a theme framework like Thesis, and I suppose Genesis or Headway and the like(I use Thesis, so it’s what I’m familiar with). You have a dashboard to easily change anything you like anywhere, such as font size in specific locations.
Can I know how to change default font size ?
You would need to edit the style.css file and change the font size on your body element.
How do you give the user an option to change the font size and elements (if they have bad eyesight, etc.) Here is an example: drwalisever. com. In the top right corner there are 2 buttons. It uses the Fusion theme, which is no longer developed. A tutorial would be great, thanks!
i don’t like plugins
Any particular reason for that?
But I think will effect in SEO, as there are no option for Heading tags are being shown.. is it so?
The heading tag options only show up in the visual editor. If you are in the HTML editor, it will not show.