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!

TheWPX is a blog where we cover topics related to Blogging, WordPress, SEO, and Affiliate Marketing.
All the information which is published on our website is collected through independent research and tests. The data is being verified through consultation with reliable sources.
Also, We constantly update the content on our website, keeping it fresh and relevant to our readers at all times.

Leave a Comment

Sunny Kumar

Sunny Kumar, Founder of TheWPX

Hola Amigos! I'm Sunny Kumar, Founder of TheWPX. A blog where I share my experience which I have gathered from my last 7 year journey in blogging with all the new bloggers struggling to make their first income.