Hi all,
After quite a time of doing nothing with development for several reasons, I recently restarted with redesigning my website, using MODx in stead of raw HTML.
I’ve come quite far, but now I’ve ran into an annoying problem:
In the CSS of my site, I gave the body a background-color #000000; (black). Than a container-div with #CCCCCC; (grey) and a content-div with #FFFFFF; (white) with text-color #000000; (black again). In the template I placed the [*#content*] in the content-div. The tinyMCE editor now shows a black background with black text on it. That’s not very useful of course.
Probably I’m doing something wrong, but yesterday I spent almost 2 hours trying to figure out the problem, today another 2 hours and I’m not getting anywhere. Does someone have a tip for me?
PS: I’m using MODx 0.96 and TinyMCE 3.0.3
PS2: sorry for my bad english.
I am having the same problem. I also followed the link posted by Ger:
http://www.tinymce.com/wiki.php?title=Configuration%3Acontent_css and I am still confused.
This is my stylesheet that is making the background for css in TinyMCE black.
body{background-color:black;display:block;text-align:center;}
According to the article I can add this code to my own .css stylesheet:
/* TinyMCE specific rules */
body.mceContentBody {background-color: #FFF;}
So now I have this:
body{background-color:black;display:block;text-align:center;}
/* TinyMCE specific rules */
body.mceContentBody {background-color: #FFF;}
Yet the background in my TinyMCE when I click the CSS button is still black (with black text). Am I missing something really simple here?
OK. It is working properly now. Cache must have finally cleared.
