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!