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)

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.