Add Styles for Gutenberg Editor

Adding custom styles to Gutenberg blocks is easy and at the same time very useful. All you need to do is to add a snippet in your functions.php or plugin file. Selecting a style to a block simply adds a class that you can style wherever you want!

Add Styles to Gutenberg editor WordPress.

 * Register and enqueue a custom stylesheet in the WordPress admin.

add_action('admin_enqueue_scripts', function () {

    $editor_style_uri = get_stylesheet_directory_uri() . '/build/editor.css';
    $editor_style_path = get_stylesheet_directory() . '/build/editor.css';

    wp_register_style('custom_wp_admin_css', $editor_style_uri, false, filemtime($editor_style_path));

More tutorials

Stay updated with the latest from WpBlockz

* indicates required