If you have installed a new Joomla web design theme and you find that when you create or edit documents the template background image appears in the editor then here is a quick way to fix the problem.

1) Using notepad.exe create a file called template_edit.css

2) In the template_edit.css file add the following code

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

3) Now save the template_edit.css and upload it to your template CSS directory on the server

4) From the administrator area select Mambots and Site mambots menu item

5) Select the TinyMCE WYSIWYG Editor check box and choose edit

6) If when you attempt to edit the mambot you get the message " restricted access " then visit the Joomlaspan web site where you can find an updated version of the mambot which will solve the problem.

7) Once the above is fixed select the TinyMCE WYSIWYG Editor check box and choose edit and you will see an option called Custom CSS Classes which will appear on the right hand side.

8) In the Custom CSS Classes field enter templates\your template name\css\template_edit.css

9) Save the changes

10) Thats it now you can create or edit your documents with no background images. Basically all we have done is tell the editor to use the custom css file.