Wp-calypso: Media & Text Block: Can't change background and text color for 2019 and business themes

[brookewp]

Summary

When using 2019 or one of the business themes, the media & text block doesn't allow you to edit the text or background color. It changes in the editor but doesn't show in the preview or when published. You can also see the right classes are being added as well.

I was unable to replicate this on a self-hosted site w/o JP or with other WordPress.com themes. Only on WordPress.com with the themes mentioned above.

Thought this seemed like high priority because customers can't use edit our new templates and use our newer themes properly.

Steps to reproduce

1. Starting at URL: https://wordpress.com/block-editor/page/[site-address-here]
2. Add media & text block to a page
3. Change the background color via block settings (I tried #c33c80).
4. See the color change in the editor
5. Preview or publish the page to see that the background color doesn't reflect changes in editor

What I expected

To be able to change the background color or text color via block settings.

What happened instead

The color remained the same as before the changes were applied.

Screenshot / Video

Example of changed background color and text in the editor:

Example of it published:

Context / Source

First reported by a user here: hc-#14317124

user-report

[lancewillett]

@apeatling @ianstewart Could you help triage and fix this one, please?

[apeatling]

This one will be fixed with our business theme replacements. I think it can be closed out once these are merged:

• Modern: https://github.com/Automattic/template-first-themes-private/issues/126
• Pro: https://github.com/Automattic/template-first-themes-private/issues/123
• Friendly: https://github.com/Automattic/template-first-themes-private/issues/121
• Elegant: https://github.com/Automattic/template-first-themes-private/issues/122
• Calm: https://github.com/Automattic/template-first-themes-private/issues/120
• Sophisticated: https://github.com/Automattic/template-first-themes-private/issues/136

[ianstewart]

once these are merged

And the previous themes removed from signup flows and the themes retired from the showcase. cc @michaeldcain and @iamtakashi.

[iamtakashi]

We've been discussing the related matter here: https://github.com/Automattic/wp-calypso/issues/35842

[noahtallen]

Closing this as most of the above theme work has been finished. (In particular, this is no longer an issue with FSE-compatible themes)

[gwensmithx]

I ran into another instance of this with Modern Business theme, which I realize is retired now but should it still be acting this way? Same steps as Brooke's initial issue. 2397678-zd. Added media & text block, tried to set background colour in editor and looks good in editor but in preview and published it's stuck on a black background.

[noahtallen]

Honestly, we retired those themes because there were issues like this which were difficult to solve. I don't think we're planning on updating them since new themes like Maywood resolve not only this issue, but many others similar block editor issues.

[iamtakashi]

@noahtallen is correct. All six business themes have been retired and will no longer be updated.

WP.com has started using Gutenberg plugin that changes and improves at a very fast pace, there was no way to maintain those themes with the way that they were built.