TinyMCE Background


Author Message
Sara

Posted: 11/11/2015
Quote message 

Howdy! I am having a problem that my wysiwyg editor, TinyMCE, is using the website background image as the background in the editor window. Since the background image is dark, the text becomes illegible. I mostly use the HTML editor, but it is still a major problem, especially if I want other people to be able to use the CMS to add/edit content.

I'm not sure if this can be resolved through the template or through Joomla! controls, but I appreciate any help you can offer.

Thanks
 
Robert G.

Posted: 1/26/2016
Quote message 

Quote Joe:

This has been an ongoing issue for years. TinyMCE will look in your template's CSS folder for editor.css

Find in the body section the background delete it and define the background-color you want to use. Example


body{
/*background: #C0CCAD url('../images/page.jpeg') fixed;*/
background-color: #C0CCAD;
}





There is a much easier way that is baked into Joomla! itself.

I found a year or two ago.

1) Get into your backend administration.
2) go to "Extensions > Plugins"
3) Go to the "Editor - TinyMCE" plugin. Should be on the first page.
4) Scroll down till you see "Template CSS classes" option on left-hand side.
5) Turn option off, will now default to a clean white background.