CSS doesn’t apply if you set it to “reusable blocks”.

@akari_doi

Thank you to report this. I will look into this and update you.

Regards,
Munir

Thank you. I’m glad you did!

@akari_doi

This looks like an issue with Gutenberg that I have reported. Let’s see what response we get from the core team on this.
https://github.com/WordPress/gutenberg/issues/24048

Regards,
Munir

Hi @akari_doi again,

So I got a response. This seems to be a known bug and they plan to fix it in near future.
https://github.com/WordPress/gutenberg/issues/18560

Here is the response from Riad (from the core team) on when you may expect this to get resolved.
https://share.getcloudapp.com/GGuo1yX8

So basically it will take some time. However, the issue is only that it doesn’t get rendered in the editor. The stylings/custom CSS should get applied on the front-end though.

Hope this is enough info for you. ??

Regards,
Munir

Thank you for your very quick reply.

It was explained to me very well.
I will wait until the core bug is fixed.

However, currently it doesn’t show up in the front as well as in the editor.
In the meantime, until the bug is fixed, I will write the CSS to “Additional CSS” or the theme’s “style.css” if I want to use the reusable blocks.

@akari_doi

Or you may add it to the Global CSS box in Advanced Tab via the Editor Plus admin page. That CSS should applies inside editor as well unlike the Additional CSS. Whatever works best for you.

Cheers.