Setting up JCE Editor

jjbongio

I had a problem with the JCE Editor on the front-end after I switched to the JA Edenite II template - in the editing area, the background and text colors were wrong. I discovered that there is an easy fix, which is to put an editor.css file in the template css directory with the css code to set the background-color and color attributes (both with !important).
Just passing this on.

Ninja

jjbongio
Hi
Could you share an example URL and screenshot to replicate the problem?

jjbongio

URL is joomla4.cal-sailing.org
Login using credentials I've supplied on other reports. On the home page, edit the embedded article.

You'll see the editor background as #6d9cca instead of white, which it was on the previous template.
If I put an editor.css file in the template/css directory with these lines, it fixes the problem

body.mceContentReset.editortextarea {
    background: #FFFFFF !important;
    color: #000000 !important;
}

Ninja

jjbongio
Hi
Kindly submit the login in edit fields

jjbongio

Done.

Ninja

jjbongio
Hi
You applied the background on the body class
so it will apply for full site where it used. To avoid it for the editor body try this code in custom css

.mceContentBody {
    background: #fff!important;
}

jjbongio

Thanks for all your help.