How do I change the background color in the editor

Periodically, experimenting with templates Joomla, users come to the old rakes in the form of a dark background in the windows of the visual editor. All the while the background color in the editor, was a familiar white, and suddenly became dark blue or black. Immediately panic starts and a bunch of messages on the forums. In fact, nothing in this terrible there and fix it very easily.

Without going into technical details, the appearance of a dark background in the windows of visual editors associated with the style of the BODY element in the file template_css.css current template.

Why visual editor template styles? I think that editors connect style template for the correct display of materials in preview mode. Most contemporary visual editors for Joomla, first of all, try to connect the CSS file from the directory of the current template name editor_content.cssAnd if he is absent, the main CSS-file template template_css.css.

Therefore, if the site template you want to set the page background other than white, do the following: a directory of the current template to create a CSS file editor_content.css and it set the style for the element BODY. For example:

body{
  margin: 0px;
  padding: 0px;
  background: # FFF;
  background-image: none;
}

After that, the visual editors in the background will be white, regardless of the background color of your template.

NOTE: This decision did not initially work in the editor, TinyMCE, because it enabled by default use the main css-template file. To fix this, it is necessary to Joomla administration panel to select the menu “Site Mambots”, then choose from the list mambot editor and disable the template_css.css.

Comments are closed.