Have you ever wanted to know how to fix the "problem" with the Joomla editor if your website has a dark background color.

The Problem
In Joomla the standard content editor TinyMCE uses the body tag from your template_css file to display the background in the content editor of Joomla when adding or editing a content item, this means if your website has a dark background, such as JJ Supremacy or JJ Nitro, when adding content, you will not be able to see what you are typing, particularly if the content area is light with dark text, as it means the you will have dark text on a dark background.

The Fix
The good news is you can change the css file that the editor uses by default, so all you have to do is use a css file that resets the background to white. Now the editor has its own css file that will display the background as you need. So here is what you do:

Step1 - Get the file

• All our templates will have the file included in the css folder so if this is for one of our templates, you can get it there.
• Alternatively you can download this css file.
• Or if you want to get the editors existing one, browse your Joomla installation and find the following file: /mambots/editors/tinymce/jscripts/tiny_mce/themes/advanced/css/editor_content.css.

Step2 - Add the file
Add the file to your css directory of your template, if it is for one of our templates it will be there.

Step3 - Change the Mambot setting
Make sure you are logged into Joomla back end and go to Mambots -> Site Mambots on the top menu. When this is open, look for the Mambot TinyMCE WYSIWYG Editor, open this and on the right, you will see the parameters, this is where we will set the new css.

1. Template CSS Classes must be set to yes
2. Custom CSS Classes - add the path to the css file you added in step2, for example: /templates/yourtemplate/css/editor_content.css

That is it, save and give it a try, you should have a clean white background with dark text.