Announcement

Collapse
No announcement yet.

ckeditor background colour

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Sean James
    replied
    Sorry I shouldnt have posted in 2 places. Unfortunately this does not work as explained in this post:
    https://www.vbulletin.com/forum/show...for-new-editor

    Leave a comment:


  • Andy
    replied
    Put this into your additional.css template.

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

    Leave a comment:


  • Sean James
    replied
    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?

    Leave a comment:


  • Wayne Luke
    replied
    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.

    Leave a comment:


  • Avrojet
    replied
    Originally posted by Bilal View Post
    how about both? because my forum have a dark theme :S
    indeed, where can we customize the look of the editor?

    Leave a comment:


  • Bilal
    replied
    Originally posted by Lynne View Post
    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

    Leave a comment:


  • Anders P
    replied
    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

    Leave a comment:


  • todie4
    replied
    Originally posted by Lynne View Post
    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.

    Leave a comment:


  • Lynne
    replied
    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)?

    Leave a comment:


  • chriske
    replied
    I would like to know this too.

    Leave a comment:


  • todie4
    started a topic [Forum] ckeditor background colour

    ckeditor background colour

    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!
    Code:
    .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;
    }

Related Topics

Collapse

Working...
X