Jump to content

Featured Replies

Posted
  • Community Expert

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.

Pages Background Block.JPG

Solved by Davyc

Go to solution
  • Author
  • Community Expert

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

  • Solution

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 by Davyc

  • Author
  • Community Expert
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.

Recently Browsing 0

  • No registered users viewing this page.