Hide (reduce height) Content Editor in Gutenberg (tip)

• webecho

• May 31, 2019 at 4:34 pm

I’ve been trying to hide the Gutenberg main content editor section so my clients can actually see the ACF fields I’ve set up for them.
This is most definitely a hack, but works for me so far.
I’m sure the ACF crew can sort out something more elegant 🙂

Create a separate CSS file (saved mine in main directory named webecho-admin.css)

/* WP-Admin - Content Block shorten
===========================================================================*/
.edit-post-layout__content .edit-post-visual-editor {
     flex-basis: 10%!important; 
}

.edit-post-layout__content .edit-post-visual-editor {
     flex:0!important; 
}

Add a function

// Update CSS within in Admin
function admin_style() {
  wp_enqueue_style('admin-styles', get_template_directory_uri().'/webecho-admin.css');
}
add_action('admin_enqueue_scripts', 'admin_style');