CKE Editor Color

[8thos]

Is it possible to change the color of the gray area?

[LifesGreatestGift]

Open the following file with your favorite editor:

clientscript/ckeditor/skins/kama/mainui.css

Look around line 27 for the following code

.cke_skin_kama .cke_wrapper
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #d3d3d3;
background-image: url(images/sprites.png);
background-repeat: repeat-x;
background-position: 0 -1950px;
display: block;
/* IE Quirks: editor chrome overflow horizontally without an explicit width. */
_display: inline-block;
padding: 5px;

/*background-color: Red;*/
}

edit it accordingly. The variable you will need to edit is
background-color: #d3d3d3;

Replace the #d3d3d3 with whatever color you'd like, save the file and re-upload/overwrite.

---------------------------------------------------------------------------------

A simpler way to implement a change to the color without editing any files would be to add the following to additional.css template editing the color you want.

/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color:#666666!important;
}
/* Background Color for CKEditor - END */

[8thos]

Woah this is amazing man! The additional code I mean because I have over 30 styles and plan on customizing the background color of the CKEditor for each one.

[LifesGreatestGift]

Glad I could help :)

[Sarteck]

TheWindows7Site, thanks very, very much! For both this and the other CSS examples you gave for the default height! :)

And now I FINALLY know where to look to get the other classes that I can change, too!