Hello everyone,
I have been using drupal for quite a while, but am really new to the wysiwyg plugin.
Almost everything is working really fine, but my only issue is, that on of the themes I use has a dark background and white text. Editing this page with CKEditor, you can't see any text, as both background and text is white. So I am wondering, how I can change the background color (changing text color would be fine, too, but it's not really wysiwyg then anymore, is it?).
I've already spent hours on searching for answers here, but they all refer to using the actual CKEditor-module (which I am not, because I want to use the wysiwyg-image upload module).
I would really appreciate if there was someone there who knows how i can change the background color of the text field.
Thanks a lot in advance!
llkks

Comments

mjohnq3’s picture

mjohnq3 CreditAttribution: mjohnq3 commented

On the WYSIWYG configuration page (admin/settings/wysiwyg) click on the Edit link for whatever Input format you've assigned CKEditor to. Then on the CKEditor profile configuration page go to the Editor CSS section. The drop down list box usually defaults to 'Use theme CSS', changing it to 'Editor default CSS' usually fixes the dark background problem you have.

spython’s picture

spython CreditAttribution: spython commented

Add something like 

body.cke_show_borders{
 background:none repeat scroll 0 0 #333333;	
	}

to your theme style.css.
Well, for me it's the cke_show_borders class that gets attached to the editor body, don't know if it depends on your configuration.
Flush the cache under admin/settings/performance after you made the changes.

Edit: also you might want to do the same for body.cke_panel_frame (for the drop down menus in the editor), and flush your browser caches to see results.

TwoD’s picture

TwoD
Primary language Swedish
Location Sweden
CreditAttribution: TwoD commented
Status: Active » Fixed

Also see my reply on http://groups.drupal.org/node/10471

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

devagaurahari’s picture

devagaurahari CreditAttribution: devagaurahari commented

This worked perfectly for me.

iantresman’s picture

iantresman CreditAttribution: iantresman commented
Issue summary: View changes

Using Drupal 6.35 with CKeditor 4.4.7, and the CSS Injector module, the following additional CSS worked for me:
#cke_edit-body .cke_wysiwyg_frame {background:#c90f1c}
where the characters after the # are the hex triplet of the required background colour.