Multiple editor widths

[sebrosen]

I'm trying to define multiple widths for the Gutenberg editor depending on the post/page template. I have a full-width page template and would like the editing experience to be as close to the live page.

Now the issue is that I can only seem to define one width for the editor using the .wp-block class. I'm following this method: https://wordpress.org/gutenberg/handbook/extensibility/theme-support/#changing-the-width-of-the-editor

.wp-block {
    max-width: 720px;
}

I've tried adding a selector in front of the .wp-block class, for example:

.wp-block {
    max-width: 720px;
}
.page-template-fullwidth .wp-block {
    max-width:1080px;
}

But unfortunately that doesn't work. It seems like the only possible way to change the width is by only using .wp-block

Any ideas on how to implement multiple different editor widths?

Thank you!

[manake]

I have the same question. Does anyone know?

[bupotalovo]

Related:

• Body classes based on page template #7810
• No class added to body tag in editor for active page/post template #8948
• How to get current Page Template when editting a page? #9817

Possible workaround:

• Add page-template/post-template value to body class #8162 (comment)

[designsimply]

I posted an explanation of the current situation and a workaround code example at #12874 (comment). Please have a look!