Code to add background color in WYSIWIG Editor in Pages App?

[usmf]

Again, thanks for all the help from those of you here who continue to answer my posts.

Is there a code that I can add in Custom CSS to put a light-area background color behind text that is added to a Page from Pages App using the WYSIWYG Editor Block?

Attached is a photo of the way it looks now, but I'd like a light-colored background to show up behind the text. Thanks.

[usmf]

Have been trying a few things on this, but no success. Anyone else been able to work this out?

[Davyc]

This should do the trick - add to your custom CSS file and adjust the colour to suit 🙂

[data-blocktitle="WYSIWYG Editor"] .ipsWidget_inner {
    background-color: #ffffff;
}

You may need to add !important after the colour but before the semi-colon if it doesn't work first time.

Edited January 22, 2021 by Davyc

[usmf]

1 hour ago, Davyc said:

This should do the trick - add to your custom CSS file and adjust the colour to suit 🙂

[data-blocktitle="WYSIWYG Editor"] .ipsWidget_inner {
    background-color: #ffffff;
}

You may need to add !important after the colour but before the semi-colon if it doesn't work first time.

That was it! Thank you SO much! And it did nit need the !important code, either. Perfect.