Post Editor styling changed after updating to GB 1.9 and GB Pro 1.7

Thanks!

We know that function is interfering with the way the editor styles are loaded
But i can’t replicate this in other themes – was it the free version of Kadence ?

For now if you want you can use this PHP Snippet to disable the function:

remove_filter( 'block_editor_settings_all', 'generateblocks_do_block_css_reset', 15 );

And we will do some more investigations.

OK, so we ran several test, one of which recreates the same issue without GenerateBlocks being installed.
See here:

This is a clean bricks install on the latest version.
There is no GenerateBlocks installed.
We use the Code Snippets plugin to add a custom function, that uses block_editor_settings_all to load some editor CSS
Just to re-iterate block_editor_settings_all is a core WP function. Built for loading styles in the editor.

When we activate the PHP Snippet you can see the editor styles break.

So there is definitely an issue that exists without GB in the equation.

We believe the issue is more likely related to how the theme is loading ( or not loading ) the editor styles and how the use of that filter affects that behaviour.

As what seems to be happening is WP is loading its fallback CSS later when the filter is active.
This wouldn’t happen if the theme was providing proper editor styles.

To be honest i am not familiar with Bricks , so im not sure what i expect to see in the block editor.
For example if i ( could ) set some typography styles in bricks eg. Poppins 18px on Body, would (should) i see those styles in the block editor?

Ah , in that case if its not actually using theme styles in the editor then that option should be disabled.
What happens if you go to: Block Editor -> Top Bar 3 dot menu -> Preferences -> Appearance and uncheck the Use theme styles

Let us know what that does, and then we can talk next steps

Where can i see the missing margins ?
I am not sure the login on your site is still active.

Do you know what may be the easiest solution.

1. leave the editor styles activated
2. add this PHP Snippet to the site:

add_filter( 'block_editor_settings_all', 'custom_editor_styles', 15 );

// Function to apply CSS reset
function custom_editor_styles( $editor_settings ) {
    $css = '
	body {
		background: #f0f0f1;
		color: #3c434a;
		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
		font-size: 13px;
		line-height: 1.4em;
		min-width: 600px;
	}';

    // Add CSS to editor settings
    $editor_settings['styles'][] = array(
        'css' => $css,
    );

    return $editor_settings;
}

This will then use the correct filter to load the Bricks theme styles.