How To Change Font Size In Wordpress Navigation Bar

Do you want to modify the font size in your WordPress posts or pages?

Sometimes you may desire to make a line or a paragraph larger, or you might want to increase the font size on the entire page.

In this article, we'll show yous how to hands modify the font size in WordPress posts and themes.

Video Tutorial

Subscribe to WPBeginner

If you'd prefer written instructions, simply keep reading.

Method ane: Using Paragraph Headings

Using headings in your content is a great mode to take hold of user attending with a larger-size font. In nigh WordPress themes, headings are in a larger font than regular trunk text. They let yous to break your posts and pages into sections.

Headings are neat for SEO besides. Search engines give proper headings more than weight than normal paragraph text.

How to add a heading in the default WordPress block editor

You tin can add a heading to your posts or pages by just calculation the 'Heading' block. You can search for information technology or find it in the 'Text' section in the WordPress cake editor.

The cake will default to Heading ii. Normally, information technology makes sense to stick with Heading 2 for your subheadings. If you lot want to change this, then you can simply click on the 'H2' drop-downward to select a different size.

Alternatively, you tin can alter this in the block settings on the right-mitt side of the screen. You tin can also change the heading's colour in that location as well.

How to add a heading in the older Archetype Editor

If y'all are withal using the older archetype editor in WordPress, then y'all can add headings using the 'Paragraph' drib-down.

Just highlight the text that y'all want to turn into a heading, click the 'Paragraph' driblet-downwards, and select your heading size.

The sizes and colors of the different Heading styles are controlled past your theme's stylesheet (style.css).

If you're using a premium WordPress theme, then you may have the selection to change these settings under Appearance » Customize.

Method 2: Irresolute the Size of the Text in the Block Editor

What if you desire to have a paragraph or fifty-fifty your whole mail in a larger font? Y'all can practice this easily using the default WordPress block editor.

Just click on any paragraph block, and then select the font size nether 'Typography' on the right-hand side.

You tin can select from the drop-downward, which covers Small, Normal, Medium, Large, and Huge. If y'all modify your mind, then just click the 'Reset' button to set up your paragraph back to the default text.

At that place's as well a 'Custom' option where you tin merely type in the pixel size that y'all'd like. If you want, you tin can also set a large Drib Cap to appear at the showtime of your paragraph.

These options aren't available in the older classic editor for WordPress. If you want to use them, and so think about making the switch. Our tutorial on how to utilise the new WordPress block editor volition help you.

If you are adamant to stick with the classic editor, then this side by side pick is for y'all.

Method three: Alter Font Size Using Advanced Editor Tools

Advanced Editor Tools, previously known as TinyMCE Advanced, is a WordPress plugin that gives yous more control over font sizes and text formatting, also as a range of other features.

This is particularly useful with the older archetype editor, but it likewise works with the cake editor. Information technology adds a new block chosen "Classic Paragraph" that has all the formatting controls.

To use it, you'll starting time need to install and activate the Advanced Editor Tools plugin. If y'all're not sure how to do that, check out our pace by step guide on how to install a WordPress plugin.

Adjacent, go to Settings » Advanced Editor Tool (TinyMCE Avant-garde) to configure the editor settings. This is where you can prepare the buttons you want to employ in the TinyMCE Advanced toolbar.

If y'all're using it with the Classic editor, then yous should see that TinyMCE has the 'Font Size' drib-down enabled by default in the second row of icons.

You can move it to the commencement row by dragging it up if you want.

Advanced editor tools classic editor font size

If y'all're using the block editor, then you'll need to scroll down the screen and add together the Font Sizes drop-down to the toolbar by dragging and dropping it.

Make sure you click 'Save Changes' at the bottom of the screen.

To see the button in action, create a new postal service or edit an existing 1.

In the block editor, you'll now have the option to add a 'Classic Paragraph' block. Information technology volition have the Advanced controls, like this:

In the classic editor, you'll come across the toolbars with a font size drop-down:

You can select any font size from the driblet-down.

Note: this doesn't give you as many options as the WordPress cake editor, and yous can't type in your ain font size.

Method 4: Change Site-Wide Font Size Using CSS

If you are irresolute font sizes every time you edit a post, then you may desire to brand it easier past irresolute it permanently in your theme.

The good news is that yous tin change the default paragraph size across your whole site. The best mode to do this is by using the Theme Customizer under Appearance » Customize.

Some WordPress themes may come with an option for y'all to change the font size. If you can find this selection, and so you can use it without writing CSS code.

However, if your theme does not take that characteristic, then you can add custom CSS to add your own font size rules.

Simply click on the 'Additional CSS' option in the theme customizer. This is where yous can shop all your custom CSS code.

Now under the boosted CSS text box, simply add your CSS lawmaking. In this example, we are irresolute the font size to '16px', y'all tin can choose a unlike font size.

You'll immediately see the changes on the preview on the right-hand side of the screen. If yous're happy with the font size, click the 'Publish' button at the tiptop of your screen to brand information technology alive.

Annotation: Your custom CSS will only be applied to the theme yous're using. If you after choose to switch to a unlike WordPress theme, you'll demand to copy and paste it into the Customizer again.

The higher up code merely applies to paragraph text. What if you lot wanted to alter the font size of all h2 sub-headings?

Simply modify the above code to target the h2 chemical element in your theme like this:

You can practice the same affair with other headings likewise past just irresolute h2 to h3, h4, or h5.

We hope this article helped you learn how to hands change the font size in WordPress. You lot may also want to see our guide on how to use custom fonts in WordPress or our listing of the best drag & drop WordPress page builder plugins.

If y'all liked this commodity, then please subscribe to our YouTube Channel for WordPress video tutorials. Y'all can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if y'all click on some of our links, then we may earn a committee. Meet how WPBeginner is funded, why it matters, and how you tin can support us.

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted past over 1.3 meg readers worldwide.