[Support request] Apply CSS created in Customize to Gutenberg Editor

[Damiane]

Hi everyone,

I’m trying to apply styles set in Customize to the Gutenberg editor so that the back end looks exactly the same as the front end. What is the best way to do this?

At the moment I’ve used –
add_theme_support( ‘editor-styles’ );
add_editor_style( ‘style.css’ );

This is grabbing my stylesheet and applying it to the Editor.

I’d also like to apply Unsemantic Grid and the Customize styles to the Gutenberg editor.

Appreciate your help in advance.

[David]

Hi there,

GP loads the Customizer styles in the editor, so the majority of blocks will match what you see on the front end.

what particular elements / blocks are you custom styling?

[Damiane]

Hi David,

Button/link styles in the Gutenberg editor don’t match the site frontend.

Also Unsemantic Grid doesn’t work in the Gutenberg editor – is there a way to make it work? I’m trying to create custom blocks with Advanced Custom Fields and have their columns appear in the editor.

[Tom]

Load Unsemantic Grid in Gutenberg would be somewhat difficult (at least to use). What do you need it for, exactly?

The buttons should match what you see on the frontend – can you share a screenshot of what you’re seeing possibly?

[Author]

Posts