Support

Account

Home Forums Gutenberg Reduce Gutenberg Content section height

Unread

Reduce Gutenberg Content section height

  • I’ve been trying to hide / reduce the height of 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 reduce height
    ===========================================================================*/
    .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.

We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Cookie Policy. If you continue to use this site, you consent to our use of cookies.