Support

Account

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

Unread

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

You must be logged in to reply to this topic.