All About My Thought

Joomla - How to Change Background in TinyMCE (Content Editor)?

Some Joomla content editor using body CSS as their default background, this is quite annoying moreover if you have dark background, almost impossible to write in TinyMCE. How is the quick solution? Here is the simple tips:

Step 1: Add this code in your template_css.css

body.mceContentBody {
background-color: #FFFFFF !important;
}

Step 2: Go to Mambots > Site Mambots > TinyMCE WYSIWYG Editor. Change Template CSS classes to “No” and give Custom CSS Classes value “body.mce”. Save it and try to write your your content now, if you doing it right, you should see no image background anymore.

Here is the “before” hack screenshot:

And here is “after” hack screenshot:

Quite simple isn’t it? If you still confused with the steps above, just drop your comment below, I’ll happy to help.

Search Term For This Post