Closed (fixed)
Project:
CKEditor 4 - WYSIWYG HTML editor
Version:
6.x-1.2
Component:
Documentation
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
22 Jun 2010 at 03:50 UTC
Updated:
14 Jun 2011 at 06:19 UTC
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
Comment #1
bookofchange commentedI'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".)
Comment #2
jlea9378 commentedDoes 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.
Comment #3
dinomight commentedOkay, 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.
Comment #4
jlea9378 commentedSweet, that fixed it! Thanks!
Comment #5
rjacobs commentedHello,
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.extraCssvariable will only influence the editor area itself, and that the pull-down backgrounds are still tied to the css that's defined viaconfig.contentCss- see http://dev.ckeditor.com/ticket/4601You 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 placebody {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
Comment #6
rjacobs commentedIt 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.
Comment #7
rjacobs commentedEdit - adjustment to issue meta data.
Comment #8
stg11 commentedI finally got back to this. #3 works great, what I was looking for!
Comment #9
dczepierga commentedI 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