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


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

  • 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 {

    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');
Viewing 1 post (of 1 total)

The topic ‘Hide (reduce height) Content Editor in Gutenberg (tip)’ is closed to new replies.