I'm using the JCE Editor, and my template is also a very dark background. When I go to edit content the background of the text area and the editor itself is very dark. In fact it seems to go through some of the buttons as if it's transparent.

Can I make the JCE editor not display my background so it can be easier on my eyes?

Hi Aw,

Is this in the front end or back end of your site? Is your site live? Are you familiar with firebug?

Hi Tess,

It's the frontend of the site. The site is live and I've used Firebug, but not a pro.

Hi Aw,

Could you email me front end login to

tessafenwick (at) gmail (dot) com

I'd like to take a look at the code.

Hi Tess,

Thanks for looking into this. I've created your login to the frontend. When you login, you'll see "Create Article" link to test the editor, you could also try by seeing how the other articles appear.

Thanks,

Hello AW,

Try going to Components > JCE Editor > Global Configuration

Find the template section and change the template to default. That might do it for you.

Cheers,
Ed

Hi Ed,

That didn't work too well. Is there a way to change the css so the editor is displayed a different colour?

You could edit or change the administrator template. What administrator template are you using?

ed

Are you trying to change this when you're looking at it from the front end? For that you'd have to make some different changes. Your template shouldn't be co-opting your editing CSS. Who did you get the template from?
Ed

Hi Ed,

I'm using this Artisteer template www.artisteer.com/?template_id=182&p=web...e=3&category_id=1291

Yes I'm trying to change this from the frontend.

Artisteer creates a file called editor.css with all the styles for the editor. You could probably edit that and just put in what you want and delete the background color from the editor. At lest that's what I believe to be the case. We don't always know a third party software as well as the people who made it. They know it best.

This is not normal for Joomla templates. It sounds like an Artisteer problem. They probably have an answer for you since they probably have encountered it before.
Also search their forum. Here's a similar problem, a forum search will most likely give you the correct answer.

www.artisteer.com/?post_id=136457&p=forum_post

Let us know if this helps.

Cheers,
ed

I looked at some of the suggestions and this is what I did.

1. Enable the "Front End" editor profile and I set it's Toolbar Theme (under Editor Layout) to Office Black. As my template is a charcoal black, the look of the editor style complimented the template. So far so good.

2. Next, I changed the "Custom CSS file" to "templates/$template/css/editor.css" and edited the template CSS file "editor.css" by changing the "background-color: #[artisteer value];" to "background-color: #FFFFFF;" in the template manager.

According to the fix, the background is supposed to be white. Instead, I can see the text but the background is a characoal black colour. I'm fine with this as long as it works.

But feel uncertain if this is a good solution, because it goes against every expected outcome???

HI aw,

It might be an inheritance problem. There is another entry in the either the editor.css or one of the template stylesheets that is taking precedence.

The last one to get loaded is the one that takes precedence unless you mark it as important. Try {background-color: #FFFFFF !important;} and see if it takes precedence.

Try to use Firebug to track down the source of the css.

You might be able to search your CSS files for all the background color definitions and see which one is dark gray, and experiment with changing that.

The other alternative is to add a new selector to your editor.css file making sure it has a unique name that has no chance of being used by any other stylesheet.

.frontendtext
(background-color: #fffff;}

And then find the template in JCE or Artisteer and change the style on just that. IT depends on your skill level.

Did you ask Artisteer for help on this? Have they given you any help?

Ed