White text, white background

[kickboxtormz]

Hello, I am having having trouble in the admin control panel with article editing.. See, I have very very light text because the background and theme of my site is darker. However, when going to edit my articles the light text blends in with the white background of the text editing area. It is a pain to edit the text. How can I change this? I have gone through the default Khepri admin template CSS files searching for what line the hex color code is to control the background in the text editing area. I've changed several aspects of the admin control panel with no luck on the text editing area. I have attached a screenshot of exactly what I am talking about with annotations in red. Thanks!

[Joyce Mar]

There's a CSS class called ".mceContentBody" that you can use to set the font/background appearance of ONLY the editor window. It's great when your site is light text on a dark background, but don't want this carried over to the editor window.

If you are using JCE and using editor_content.css file and have "Use Template CSS = No", then place it in the editor_content.css file.

Otheriwse, add it to the end of your main template.css/template_css.css file.

[kickboxtormz]

So an example of the code would be:

.mceContentBody { background-color: 333333; }

?

[kickboxtormz]

Ok, i have tried the following code at the end of template.css, template_rtl.css, and general.css just in case. No luck with 'color' or 'background-color'. I know a little about programming but not that much really. I am using the Khepri admin template. Thanks in advance!

.mceContentBody {
color: #333333;
}

AND

.mceContentBody {
background-color: #333333;
}

[Joyce Mar]

The code's right, I would use:

.mceContentBody {
color: #000000;
background-color: #ffffff;
}

so that your editor window is easy to see.

It looks like you're editing the right files too -- just for the wrong template.

The one you should be editing this for is your default template for the front-end of the site, not your admin template.

So... Admin CP -> Template Manager -> [whichever one is set to Default].

[kickboxtormz]

Thanks for the help! I'd hate to be a pain in the butt, but it still doesn't work after adding it into the default template's template_css.css file. I have tried different code as well in the same area (the very end of the CSS file) with no change to the editing window.

[kickboxtormz]

Please, still having problems with this. Any ideas?