[Resolved] Gutenburg editor style

[epickenyan]

Hi. The headings in gutenburg editor are showing in caps. Is there a way to remove that styling? I want the capitalization to only show on the front end. Also, I see there is no styling for h5 so it is hard to recognize the heading from the editor when applied. I am assuming these styles are theme specific?

GeneratePress 2.2.2

GP Premium 1.7.7

[Tom]

Hi there,

GeneratePress will try to make the editor look exactly like the frontend. Are you only wanting to the page title to be non-caps, or all H1 elements?

The h5 styling in the editor should take your styling from the Customizer as well.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[epickenyan]

I realized the point you just said when I checked the a links which I set to black on all areas except single posts also showing as black on the editor. Any way to separate this styling (frontend and back end)?

[Tom]

Not currently, but we’ll be implementing a filter in GP 2.3 that will allow you to disable the color settings in the editor.

We can add CSS to the editor if you need though, we just need to know which elements to target.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[epickenyan]

For now, the elements are the title and a links.

[Tom]

Try this:

add_action( 'enqueue_block_editor_assets', function() {
    $css = '.editor-post-title__block .editor-post-title__input {text-transform: none;}';
    $css .= '.editor-block-list__block a, .editor-block-list__block a:visited {color: #000000;}';

    wp_add_inline_style( 'generate-block-editor-styles', $css );
}, 100 );

Adding PHP: https://docs.generatepress.com/article/adding-php/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[epickenyan]

That worked, thanks.

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[epickenyan]

So with 2.3 update I will have to remove this code and use the hooks instead?

[David]

Hi there,

in 2.3 there will be an option available in the editor. So you will be able to remove that code and just activate the editor setting.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[epickenyan]

Okay, thanks.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matias]

Im with GP 2.3.2
How can I do that?

I want a neutral style in editor, not the fronted style

Thanks

[Tom]

Hi there,

Give this a shot:

add_filter( 'generate_show_block_editor_styles', '__return_false' );

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts