I am trying to change the background of the dropdowns such as the Format dropdown because it's picking up the dark background gradient of my theme and so I'm getting blue text on blue background and it's very difficult to read. I can't find the id or class to change this in my style sheet because it's all dynamically loaded and Firebug shows nothing. I want to use the theme css to maximize wysiwyg-ness of the editing experience. Is there a way to override this using theme css?

Comments

bookofchange’s picture

I'm also having this problem.

(I found a workaround - choose a different theme like "Marinelli" as your Administration Theme and checked "Use administration theme for content editing".)

jlea9378’s picture

Does anyone know how to fix the drop-downs? Using the tricks mentioned in the config file I was able to get the main editor window looking fine, but it doesn't seem to help with the drop-downs. I'm using a modified version of marinelli.

dinomight’s picture

Okay, I figured out the CSS to modify to fix this problem. In your theme's stylesheet, add the following: .cke_panel_frame {background:white;}

Once you've changed it, be sure to clear your browser's cache. I've found that the CSS changes I make to the theme don't show up in CKEditor without the browser cache being cleared.

jlea9378’s picture

Sweet, that fixed it! Thanks!

rjacobs’s picture

Hello,

It seems that ckeditor uses the theme's background color for those drop-downs. There are ways to override this background in the editor (see http://drupal.ckeditor.com/tricks) but that don't necessarily influence the drop-downs.

Unfortunately it seems that the config.extraCss variable will only influence the editor area itself, and that the pull-down backgrounds are still tied to the css that's defined via config.contentCss - see http://dev.ckeditor.com/ticket/4601

You could force the class styling as noted in #3 or set your background to white via one of the css files listed with config.contentCss. I'm rooting for feature addition that would allow ckeditor to automatically look for a "ckeditor.css" file in the theme directory and use that for editor-specific styles (see #960576: Add loading ckeditor.css from theme.), but not sure if that will go anywhere. With the patch in #960576 you could place body {background-color: white;} into a theme's "ckeditor.css" file and it would also solve this problem (as well as numerous other background problems).

Cheers,
Ryan

rjacobs’s picture

Version: 6.x-1.1 » 6.x-1.2
Component: User interface » Documentation
Status: Active » Closed (works as designed)

It seems this is really related to ckeditor itself and not the module. However, perhaps this needs to be captured in the module documentation or help notes? Changing the issue details as a result.

rjacobs’s picture

Status: Closed (works as designed) » Active

Edit - adjustment to issue meta data.

stg11’s picture

I finally got back to this. #3 works great, what I was looking for!

dczepierga’s picture

Status: Active » Closed (fixed)

I think everything was written about this issue, so I can close this issue.

If someone have any questions pls reopen it or create new issue.

Greetings