I have a problem, in that my TinyMCE editor shows the background image in the editor window while editing a page. The reason this is a problem is my background image is dark and busy. The canvas of the website is all white. I even have the content area as #fff background, yet the background image for the whole page still shows instead of the content area where my code is located.
This is my .css file:
body
{
background:#fff url(../images/bg34.jpg) repeat-x center top;
background-attachment: fixed;
font-family: Arial, Helvetica, sans-serif; color:#000;
}
The bg34.jpg is what is showing up as backround in my TinyMCE editor. How can I block the css background image from showing in my TinyMCE editor?
Found a solution. For those of you with the same issue, add this to your main stylesheet:
/*TinyMCE background fix*/
body.mceContentBody {
background: #fff;
}
The solution can be found here:
http://stackoverflow.com/questions/1414332/how-to-change-background-of-tinymce
I had a difficult time with the hard refresh to see that it worked, so I went into system settings and change the css stylesheet to a bogus name(by adding a 1 to the filename), then went to the editor and saw the background image was gone (of course because there was not a legitimate stylesheet linked to it), then changed it back to original name. This go rid of the old cache in the admin control panel fast.
