Classic Editor issue - Latest GP update messed up the editor

Deployed a staging site. Tried using the Main Theme instead of the child theme but the issue still persists. It even exists when I disable every plugin except the Classic Editor. Tried using PHP 7.4 on the Stagging site compared to PHP 8.1 on the main site but it also doesn't make a difference.

I have added the login details for the staging site if you want to debug the issue :)

Hi there,

Due to changes in WordPress 5.9 we had to remove the old classic editor styles, unfortunately.

However, we made sure it's super easy to add them back as needed:

add_filter( 'generate_editor_styles', function( $editor_styles ) {
    $editor_styles[] = 'assets/css/admin/editor-style.css';

    return $editor_styles;
} );

Let us know if that fixes things or not :)

Thanks!

Thanks, Tom. This function made a difference. The tables are looking fine now. However, it's not exactly the same look that we had with the previous version of the theme.

Can we make the heading bold?

Usually, I wrap a few paragraphs in <div> block to output the stylish content boxes on the frontend like this:

<div class="text-box-blue"><strong>BPSC LDC Exam Date</strong>: The selection of candidates for Lower Division Clerk posts will be finalized after two successive stages of the examination...has been released officially.</div>

As you can see in the screenshot, the Third Paragraph (Styled Paragraph) and Heading still doesn't have any margin between them. But it wasn't the case before...

Is it possible to change the CSS Styles in /themes/generatepress/assets/css/admin/editor-typography.css and keep it safe from being overwritten in the upcoming Theme updates?

In order to do that you'd just place it in the same directory in your child theme:

child-theme/assets/css/admin/editor-typography.css

That would overwrite the file completely so you wouldn't get any changes we make to it, either.

May be better just to add the necessary styling you need to your own editor stylesheet?

Yeah! It would be better if there is a way to add the necessary styling only. How do I do that, Tom?

Hi there,

Yeah! It would be better if there is a way to add the necessary styling only. How do I do that, Tom?

You can add your own stylesheet file to the mix.

Example:

add_filter( 'generate_editor_styles', function( $editor_styles ) {
    $editor_styles[] = 'assets/css/admin/editor-style.css';
    $editor_styles[] = 'folder/path/custom-editor-style.css';

    return $editor_styles;
} );

Where custom-editor-style.css is the stylesheet containing the CSS you find necessary. :D

Thanks, Elvin.
That's exactly what I needed. Thank you very much for your support. GeneratePress is Love!

No problem. Have a great weekend! :D

Hey Guys,
Sorry to bump up this thread but I need just one more small help. On my website https://www.apssb.in I use a Search Form in Footer Widgets with the following CSS to make it look round:

.widget .search-field {
    border-radius: 15px 0 0 15px;
}

.widget .search-submit {
    border-radius: 0 15px 15px 0;
}

It works flawlessly in Firefox, Edge, and Chrome but looks off in Safari.

^ Working fine in Edge, Chrome, and Firefox.

^ Doesn't work as expected in Safari

Can you open a new topic for the separate question?

Thanks :)