asked on

Change the background color of the FCK editor for a drupal website

The FCK editor uses the background color of the website as the background for the editor, and when the background color is dark, it is really hard to read the text on the page without switching to the plain text editor. Does anyone know how to change it to always be a white background? I can't figure out where this is! I think the div for where you enter content is "edit-body", but I can't find any CSS for this.
Thanks

d0n7_5h007

If you use IE8 press F12 select the text area and it will display the CSS applied to it. Makes searching through CSS so much easier.

nanharbison

ASKER

I don't have IE 8 and I am not ready to get it yet.

LZ1

It doesn't have to do with CSS. I've used FCKeditor before for an ASP site and it's worked great.
However, I don't believe there is a way to change the background color as it is generated by the FCKeditor itself. Let me look @ my site and I'll post back with what I find.

nanharbison

ASKER

Thanks, it is REALLY annoying to have it be the same color as the dark background of the website!

LZ1

Couldn't access my files remotely
Try this link:
http://groups.google.com/group/cake-php/browse_thread/thread/112e375edaffae88

nanharbison

ASKER

maybe I did this wrong.
I added a body class and id, for good measure, did both, see snippets below.
I created a new CSS page and put it n the css folder
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck.css' ;
and saved it to the css folder.

This is not working.

FCKConfig.BodyId = 'fckcontent' ;
FCKConfig.BodyClass = 'fckcontent' ;
 
/* the css for the fck.css page
#fckcontent {
	background-color:#FFFFFF;
}
 
.fckcontent {
	background-color:#FFFFFF;
}

Open in new window

LZ1

In your fckconfig.js set

FCKConfig.EditorAreaCSS
FCKConfig.BodyId
FCKConfig.BodyClass
Did you see that?

nanharbison

ASKER

yes, as I said I did, see below:

FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck.css' ;
FCKConfig.BodyId = 'fckcontent' ;
FCKConfig.BodyClass = 'fckcontent' ;

Open in new window

ASKER CERTIFIED SOLUTION

LZ1

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

nanharbison

ASKER

YES! YES! YES! This works.
Thank you!

LZ1

Never seen anyone get so excited. ;)
Your quite welcome. Have a good one.

nanharbison

ASKER

I have been working on this with great frustration for a few days, and finally decided to turn to the experts! Why didn't I do this days ago?
:-)