How to Remove Gutenberg Block Library CSS from WordPress

Are you using the new Gutenberg editor in WordPress but not thrilled with the experience? One of the main complaints about Gutenberg is that it adds a bunch of bloat to your site in the form of extra CSS and JavaScript. In this post, we’ll show you how to remove Gutenberg block library CSS from WordPress.

If you’re not familiar with Gutenberg, it’s the new block-based editor that was introduced in WordPress 5.0. The idea behind Gutenberg is to make it easier for people to create beautiful pages and posts with blocks.

While Gutenberg does have some advantages, it also has its fair share of disadvantages. One of the biggest complaints about Gutenberg is that it adds a lot of extra CSS and JavaScript to your site. This can make your site slower and can cause conflicts with other plugins and themes.

block library css, gutenberg block css, remove gutenberg css from wordpress, wordpress remove block css
Website loading Gutenberg block CSS

And if you’re using plugins like “Classic Editor” on your site, you’re probably not even using Gutenberg! So why should you have to load an extra CSS file from “/wp-includes/css/dist/block-library/style.min.css” on your site?

Fortunately, there’s an easy way to remove this CSS file. All you need to do is add a few lines of code to your theme’s functions.php file.

Here’s the code that you need to add:

This code will remove the CSS file from loading on the front end of your site. If you want, you can also install a plugin like “Code Snippets” and add this code to a snippet.

And that’s all there is to it!

✍️ Author’s Note

If you want to completely disable Gutenberg on your site, you can do that with a plugin like “Disable Gutenberg.” This plugin will not only disable the Gutenberg editor, but it will also remove all the extra CSS and JavaScript that Gutenberg adds to your site.

We hope this post helped you learn how to remove Gutenberg block library CSS from WordPress. You might also want to check out our post on how to disable Gutenberg in WordPress.

If you like this post, please share it with your friends!

Sunny Kumar

Number of posts: 154

Hi, I'm Sunny Kumar, a passionate tech enthusiast and a blogger from New Delhi, India. With a degree in IT from IIT-D and expertise in SEO, Cloud Computing, Telecom & Networking, and CEH, I specialize in various technical fields, including SEO, WordPress Development, and PC Building. And being a proficient WordPress user, I’m dedicated to delivering quality content and a remarkable user experience.

Leave a Comment