[Resolved] Modify blockquote appearance in Editor

[guyhanchet]

I have added some CSS to slightly modify the appearance of Blockquote elements when displayed on the web site. It’s pretty much what I want. Is it possible to extend the CSS to also modify the appearance in the Editor. I suppose the question should really be phrased as “Is there a way to influence the display of blockquote in both the editor and the display to match?”, but I’m sure you understand. I suppose a really good solution would be to implement it in Typography.

The underlying problem is that editors and authors don’t like the way it looks in the editor and don’t trust it to show up correctly when published so wind up doing indents etc which never look good.

Here is the CSS I added that gives me the results I want:

blockquote {
font-size: 1.0em;
font-style: italic;
padding: 1px;
padding-left: 15px;
margin-left: 5px;
}
Oh, yes, GP 1.8.2 and Theme 2.2.2.
And I have disabled Gutenberg editor with the Classic Editor plugin.

[Leo]

Hi there,

This is not possible unfortunately as the CSS is only loaded in the front end.

Hopefully Gutenberg editor will improve over time so this will be possible in the future though 🙂

[guyhanchet]

Thanks, I will live with the minor inconvenience.

[Leo]

No problem 🙂

[Leo]

Circling back in this.

This post might be helpful: https://generatepress.com/forums/topic/own-css-styles-are-not-displayed-in-gutenberg-editor/#post-905635

[Author]

Posts