Default text styling

[Jonas]

Hi,

it is quite frustrating that there is no default text styling. This also applies to the default Gutenberg Editor.

Here is a custom field with Cwicly:

And here the same custom field how I expect it to work.

How do you deal with this? Do I have to write my own CSS for that? Because that is not how I can ship a website.

[Jonas]

For example the list. It seems to me the default styles (user agent stylesheet, as far as I understand this) is removed.

ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

Because the styles that were applied on the second screen shot are not from any theme or plugin but the default values from the browser.

What am I missing here? Is this behavior by design?

[Louis]

Hi @Jonas,

Thanks for bringing this to light.
It seems as if the WYSIWYG ACF editor automatically includes editor styles (thus our resets).
I wasn’t aware of this, so will have to dig a bit deeper to see what can be done.

Apologies for the inconvenience.

[Jonas]

Hi @Louis,

thanks for the update!
Just wanted to add that this issue is also present when using the Gutenberg Editor.

Gutenberg

Cwicly