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

Home Forums Support Apply CSS created in Customize to Gutenberg Editor

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1037685
    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.

    #1037991
    David
    Staff
    Customer Support

    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?

    #1039248
    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.

    #1039313
    Tom
    Lead Developer
    Lead Developer

    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?

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