Standard blocks background and text colors are not applied on frontend

[yankiara]

Cwicly Plugin version: 1.2.9.3.1

Hi,

When setting background or text color in editor for Gutenberg blocks, CSS is not applied on frontend:

[yankiara]

Related to:

A few differences between editor and frontend

Cwicly Plugin version: 1.2.9.3 Hi, Here are a few things I noticed that don’t match frontend in backend editor. Gutenberg is not that easy to tame 1. Before and after in inline elements Backend: [image] Frontend: [image] I guess it is due to the display: block of the div which causes a line break. Not sure whether it is WP or Cwicly, though 2. Paragraph margins [image] Here the .is-root-container messes with my custom CSS. 3. Rules based on last-child [image] I c…

[yankiara]

To be a bit more precise, text color is working when it is a Cwicly theme color (default Gutenberg colors don’t work).

[Louis]

Have you toggled the Remove WordPress Global Styles option in the Cwicly Settings?

If you want to use Gutenberg styles, please make sure you have not activated this option.

[yankiara]

Yes I tried with both options (remove style or not).

[yankiara]

Oops my bad, I had some old personal custom code disabling global styles!!!
It’s actually working fine when not removing global styles.

That said, I think this behaviour is actually very limitating.
Such basic thing as block text and background colors should always be available, regardless global WP styles, don’t you think? I mean the mechanisms.
Especially since Cwicly theme colors are available in block inspector bg and text color settings for standard blocks.

In other words, we should be able to remove WP global bloat like default colors or gradients or duotones, etc., but keep basic features working.

[yankiara]

And the problem with WP global styles is that it includes some stupid rules as well, like: