GutenBricks
  • 🚀 Getting Started
    • Next: Common Troubleshooting Issues
    • Next: Configure Page Template to render
    • Next: Manage Block using Template Bundles
    • 🤔Most common troubleshooting step
  • 🌟Features
    • Working with Elements
    • Variants
      • Value Binding
    • InnerBlock
    • Fine-Tune Text Editing
    • Dynamic Class
    • Code Block with Dynamic Data
    • 💡Quick Tips
      • Dynamic Short Code
      • Accordion Block using InnerBlock
    • ⚡Advanced
      • Custom Block HTML ID
      • Value Binding (coming soon)
      • Creating "comments and docs" inside a template
      • Globally Updating Block Styles
      • Block Wrapper Dynamic Class
      • Working with WPML or Polylang
    • 🧭Road Map
  • 🏀Dynamic Data
    • GB:Meta
    • ACF
      • Setting Up ACF
      • Post Object Field (in-progress)
    • Meta Box
      • Setting Up Meta Box (In-progress)
      • Post Field (in-progress)
    • Built-in GutenBricks Dynamic Data
  • 🍰Client Experience
    • Documenting Blocks
    • Custom Block Preview
    • Custom Pop-up Text
    • Default Page Template
  • 🛠️Customizing Gutenberg
    • Gutenberg Editor Custom CSS
      • CSS Snippet: Make the block section not full height for ACSS
  • 🤹Resources
    • 👩‍💻 Developer API
      • echo:gb_current_element_id returns unique ID
      • GutenBricks Events for Gutenberg Editor
      • gb_get_field()
      • Unique IDs
      • Filter: gutenbricks_bricks_theme_name
    • 🔌 Third Party Integrations
      • ACSS integration with GutenBricks
        • ACSS 2.8.0 Section padding missing
      • ACF / Meta Box integration
    • ❤️ Our Approach and Philosophy
  • 📖 Changelog
    • Known issues and bugs
    • Current Changelog
    • Past Changelog
      • v1.1-RC (Released as v1.1.0)
      • v1.0-RC (Released as v1.0)
Powered by GitBook
On this page
  1. Customizing Gutenberg
  2. Gutenberg Editor Custom CSS

CSS Snippet: Make the block section not full height for ACSS

PreviousGutenberg Editor Custom CSSNext👩‍💻 Developer API

Last updated 8 months ago

Some users don't like the full window height block section when Automatic CSS is enabled.

You can disable this by this CSS available in Gutenberg Editor Custom CSS

Code:

/* ACSS: Make the edtitor not full height */
body .is-root-container {
  min-block-size: unset !important;
}
body .editor-styles-wrapper.block-editor-writing-flow {
  min-block-size: unset !important;
}
🛠️