Zac McDonald

Remove Gutenberg CSS

Add this function to your site to prevent the Gutenberg CSS from loading.

If you are using Elementor or another page builder you may want to disable the Gutenberg block editor from loading on your site.

Function to prevent Gutenberg CSS from loading

Use this function to prevent the Gutenberg CSS from loading on your WordPress website.

				
					// Prevent Gutenberg CSS from loading.
function remove_gutenberg_css() {
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
    wp_dequeue_style( 'wc-block-style' );
} 
add_action( 'wp_enqueue_scripts', 'remove_gutenberg_css', 100 );
				
			

Add the function to your site

Add the above function to your child theme functions.php file or as a snippet using a plugin. Your website will no longer load the Gutenberg block library CSS code.

Video: Remove Gutenberg CSS

Comments: Remove Gutenberg CSS

Leave a Reply

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

Remove Gutenberg CSS

WordPress Developer

Add an experienced WordPress Developer to your team.