ckeditor background colour

[Sean James]

Sorry I shouldnt have posted in 2 places. Unfortunately this does not work as explained in this post:

https://www.vbulletin.com/forum/showthread.php/381843-background-color-for-new-editor

[Andy]

Put this into your additional.css template.

.cke_skin_kama textarea.cke_source {
    background-color: #000000 !important;
}

[Sean James]

In the editor_contents.css file you can find this:

body.content {
font: {vb:stylevar content_msg_font};
color: #222;
/* Remove the background color to make it transparent */
background-color: #fff;
/*background-color:{vb:stylevar wysiwyg_textbox_background.backgroundColor};*/
margin:0px;
padding:8px;
}

But changing this does nothing. I have also tried using !important tags and nothing changes.

I am trying to make the background of the editor black instead of white.

Surely we dont have to edit the files in the CKEditor folder itself? What if we have multiple skins some light and some dark?

[Wayne Luke]

Some of it can be customized in editor.css and editor-ie.css. However the rest might need to be edited in the CKEditor folder itself. Particularly in the _source\skins\kama\ directory. That is where all the CSS is held.

You may be able to override this in the additional.css template using !important tags.

[Avrojet]

how about both? because my forum have a dark theme :S

indeed, where can we customize the look of the editor?

[Bilal]

Exactly what background are you trying to change? The background of the text area you type in (white here)? The background of the whole editor (gray here)?

how about both? because my forum have a dark theme :S

[Anders P]

Isn't it in the clientscript\ckeditor\skins\kama folder? I've found some settings in a css file there (width of drop down menu that I need to change when using another language).

/Anders

[todie4]

Exactly what background are you trying to change? The background of the text area you type in (white here)? The background of the whole editor (gray here)?

The white content area Lynne.

[Lynne]

Exactly what background are you trying to change? The background of the text area you type in (white here)? The background of the whole editor (gray here)?

[chriske]

I would like to know this too.

[todie4]

Has anyone figured out how to change the background colour of the ckeditor using just css?

I've tried adding exceptions in the additional.css using the important over-ride but to no avail, having searched the net for answers the only real options seem to be messing about with the editor ,js files, not the ideal solution.

I've tried using this in the additional.css, but it changes nothing!

.cke_skin_kama .cke_contents {
    background-color: #141414 !important;
    background-image: none !important;
    color: #ffffff !important;
}
.cke_skin_kama .cke_contents iframe {
    background-color: #141414 !important;
    background-image: none !important;
     color: #ffffff !important;
}