How To Change Font Size In WordPress

How To Change Font Size In WordPress

Hi Everybody!! Today, I am sharing the steps to Change Font Size In WordPress. Changing font size in WordPress is not a big issue, it is very easy to do it. You can do it by just adding code or installing a plugin. In this post, I am going to share 3 options to change font size in WordPress. So, let’s see the options.

How To Change Font Size In WordPress

There are 3 easy and very simple options and I bet that you will definitely find the solution to change font size in WordPress.

Option 1: TheTraditional Way of CSS        

Step-1                                                                       

  • Openthe WordPress Dashboard.
  • Hoveron Appearance and click on Customise. This will open your website’sCustomiser.
  • Now,go to Additional CSS.
Opening Customiser to Change Font Size In WordPress
Opening Customiser
Adding CSS to Change Font Size In WordPress
Adding CSS

Step-2

  •  Now, add the following code:-
  • To change Body font size:-
body {
font-size: 18px;
}
  • To change paragraphs’ font size:-
paragraph {
font-size: 18px;
}
  • To change heading font size:-
h2 {
font-size: 18px;
}

Must Read: 5 Best FTP Clients For Windows WordPress Users

Option 2: Using SiteOrigin CSS

Step-1

  • Open your website’s WordPress Dashboard.
  • Select Plugins and click on Add New. Now search for SiteOrigin CSS.
  • Click on Install and Activate the plugin.

Step-2

  • Hoveron the Appearance option on the left side menu and click on CustomCSS.
  • Now,click on the eye option present on the top right side of the interface.
  • Clickon any of your posts and then click on the link present beside the Navigateoption on the bottom right side.
  • Nowclick on any part of your post. Go to Text tab and choose thedesired font size in the Font size option just typing the number ofpixels in it.
Using SiteOrigin CSS to Change Font Size In WordPress
Using SiteOrigin CSS
Changing Font Size In WordPress Using SiteOrigin CSS
Changing Font Size Using SiteOrigin CSS

Must Read: How To Create Reusable Block In Gutenberg Editor

Option 3: Using Gutenberg Editor

  • Open an existing post or create a newone by click on Add New.
  • Click on a paragraph block to changeits font size.
  • Now, on the right side panel, you willsee 2 options:-
    • Toapply the size manually
    • Tochange it automatically
  • To apply the font size manually, justselect the pixels or type in there directly.
  • To change it automatically, choose setthe option as Small, Normal, Medium, Large andHuge.
Changing Font Size In WordPress Using Gutenberg
Changing Font Size Using Gutenberg

Must Read: How To Edit Old Posts With Gutenberg Editor

So, these were the steps to Change Font Size In WordPress. If you found this post helpful, then please share it with your friends and colleagues. Moreover, if you have any doubts or suggestions then please comment in the comment box below.

Manvir Singh

Leave a Reply

Your email address will not be published. Required fields are marked *