Often times while creating a webpage, you may want to change a font size by pixel, instead of by the default term that WordPress allows, points.
A point doesn’t tell you an exact font size, nor does it allow for specific changes in size, only whichever points WordPress gives you as options.
So how can we change text size by pixel, instead of points or headings
There are two standard ways to do this, both rather simple.
The first is not entirely recommended, as some browsers don’t allow resize in this manner, however the css code is simple enough…
p {
font-size: 10px;
}
If you aren’t much for coding and are more of a novice, utilizing a plugin called TinyMCE advanced, or something similar, may be the way for you to go.
After you have activated the plugin, go to Settings > TinyMCE Advanced, and configure the editor settings. On this page you will see the TinyMCE Editor tool bar with buttons.
All that’s next is to drag and drop the font size button from the unused buttons section, to any row in the toolbar. After that, just click on “Save Changes” button.
To see the button in action, create a new post, or even edit an existing one, and the default WordPress visual editor will be replaced by the TinyMCE Advanced edito, including the new font-size button.
As seen in the photo below, it is then quite simple to change font size in terms of pixels.
Enjoy!