BeginnersBlog

How to change Gutenberg list font size

In full transparency – some of the links on this page are affiliate links, if you use them to make a purchase I will earn a little commission at no additional cost to you. It helps me create valuable content for you and also helps me keep this blog up and running. (Your support will be appreciated!)

Hey beginners, welcome back again to another “quick solution” series where you’ll get the possible solution to any problem.

Today’s question is about Gutenberg; an advanced WordPress editor to work with blocks.

It enables you to move blocks, change font size and background color right from the editor dashboard.

As it is still in the beta and testing phase, you may encounter some issues while working with this.

And one of the most common problems that you might be encountering is “Changing the font size of the list in Gutenberg editor of WordPress

There are several methods to add the ability to increase the font size for lists in Gutenberg.

Many of you may be encountering this issue because of default theme text formatting.

There are two possible solutions…

  1. By setting up the default theme font size of the ordered/ unordered list.
  2. Using CSS (a simple method that always works.)

By Setting Up The Default Theme Font Size Of List

For this, you need to go to WordPress Dashboard > Appearance > Customization > Typography

After that, look for font size settings. (Some themes don’t have a Typography option SO look for other similar options instead).

Now here you need to find the desired option. It could be named as “default font size” or you may find a separate option like “ui/oi/list font size”. And from there, change the font size you want to give.

That’s it…

NOTE: This method usually works with premium themes. So if you don’t have a premium theme then prefer the second method.

Using CSS

This method works always either you have a free or a premium WordPress theme.

SEE:

First of all, follow these trails WordPress Dashboard > Appearance > Customization.

Once you have reached to WordPress customization section then look for the “additional CSS” option.

After going inside, add this simple CSS with comment…

.has-medium-font-size ui, oi, li
{ font-size:20px;
}

Copy the above code and place it inside the additional CSS section. I’ve set the font size to 20px, you can change it with your preferred font size.

Now save the changes and look at whether or not changes have reflected.

If everything is ok, then congratulations! You have successfully added the ability to increase the font size for lists in Gutenberg.

NOTE: This solution works only if you are using the Gutenberg editor.

If you have any further issues, feel free to ask me in the comment section. I will help you with any problem with the font size.

Is this solution work for you? Do share the solution with others on social media platforms.

Top AI Writing Tools (Editor's Choice)

Featured

frase-io logo

Frase.io

With Frase.io, you can produce long-form content within an hour. It comes with all essential tools and features that can help you with researching, briefing/outlining, writing, and optimising. Best for bloggers, Freelancers, editors, and Writers.

All In One

Jasper.ai

Jasper helps you write an in-depth article, create a high converting ad copy for your marketing campaign, and generate product descriptions in minutes. Just give a little context to Jasper and its AI will do the rest. The only downside is that it's quite expensive

80+ AI Templates

writesonic logo

Writesonic

Writesonic claims to be the world’s most powerful AI content generator tool which can write 1500 words in 15 seconds. From students to freelancers to bloggers to marketers, anyone can create high quality content with Writesonic.

Beginner friendly

rytr.me logo

Rytr.me

Rytr is powered by state-of-the-art language AI which is capable of creating high-end unique content in minutes. It collects content from around the web, synthesis it with its own knowledge, and creates unique content for the client.

Find Related Content

Shailesh Shakya
Shailesh Shakya

I'm a Professional blogger, Pinterest Influencer, and Affiliate Marketer. I've been blogging since 2017 and helping over 20,000 Readers with blogging, make money online and other similar kinds of stuff. Find me on Pinterest, LinkedIn and Twitter!

2 thoughts on “How To Change The Font Size Of List In Gutenberg Editor [WordPress Tips]”

Leave a Comment

Your email address will not be published.