If you have just installed a new template and find when you access the WYSIWYG editor for Joomla the template background image or color is appearing in the editor there is a quick way to resolve this issue.

1) Create a new file using notepad.exe called editor_content.css

2) In the editor_content.css file enter the following.

body{
margin:0;
padding:0;
text-align: left;
background: white;
background-image: none;
}

3) Now copy the new css file to your template CSS directory on your server.

4) From the administrator area complete the following.

a) From the administrator area select Mambots menu and site Mambots.
b) Now select the TinyMCE WYSIWYG Editor mambot.
c) On the right hand side you will see an option called "Custom CSS Classes"
d) In the input box next to Custom CSS Classes setting paste the following code /templates/yourtemplatename/css/editor_content.css
e) Save the changes.
f) Your editor will now use the editor_content.css rather than your template_css.css file.