ckeditor 4.0.2 - toolbar icons are affected by css and therefor grey

Hi,

i am new to ckeditor - first of all - thanks for this lovely project.

currently i am trying to use ckeditor 4.0.2 in my selfwritten php-based notes application - which works so far - but has some minor issues i am unsure how to get rid of.

issue: the toolbar icons are all somehow grey - like some kind of opacity is used on them.

implementation: using: CKEDITOR.replace( 'editor1'); no further adjustments

i've attached a screenshot to explain/show the current look of the editor.

my first guess is that the css of my notes-application is used for that ckeditor textarea as well - but to be honest i am not sure which part of my css would end up in such a result.

any tips how to troubleshoot that?

thanks in advance

Attachments:

ckeditor toolbar buttons are grey

Fri, 03/22/2013 - 17:30

reinmar

Joined: 24/08/2012

Posts: 631

Yep - your styles are

Yep - your styles are definitely affecting editor UI. You need to find out which and write better selectors or reset them.

To do that you can use Firebug (Firefox extension) or developer tools in Chrome/Safari. Open the "html/elements" panel in on of them, and start checking editor's elements. In the right panel, in "computed style" part you'll see if some styles are set to yours.

Piotrek (Reinmar) Koszuliński
CKEditor JavaScript Developer
--
CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Wed, 04/03/2013 - 19:53

fidel

Joined: 21/03/2013

Posts: 2

fixed

thanks i found it - it was an opacity value from a span :)