JavaScript for WordPress Forums Gutenberg Development How can I define the width of the editor?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #44600
    David Perez
    Participant

    Hello, Gutenberg tend to show how it will be in public. Actually, we work with 1280px grid, and the editor Gutenberg has 610px width, so we should adapt Gutenberg as it will be in public. How can we change the width of the editor?

    #44609
    Zac Gordon
    Keymaster

    Good question. I haven’t seen anything about this as I believe the editor is designed to be responsive so I’m not sure if hardcoding the width of it would be a good idea in all contexts. I haven’t tried it but can you just apply some custom CSS to one of the main editor wrappers?

    #44678
    David Perez
    Participant

    Hello Zac,
    I’ve written in Gutenberg Github and they replied me:

    @media screen and ( min-width: 768px ) {
    .edit-post-visual-editor .editor-post-title,
    .edit-post-visual-editor .editor-block-list__block {
    max-width: 1100px;
    }
    }

    #44702
    Zac Gordon
    Keymaster

    Great! Thanks for sharing this back up 🙂

    #45180
    David Perez
    Participant

    You’re welcome!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.