Announcement

Collapse
No announcement yet.

Change CKEditor Colors to Match Style (for 4.1.4 and above)

Collapse
X
Collapse

  • Change CKEditor Colors to Match Style (for 4.1.4 and above)

    Add this code to your additional.css template to match the colors of the editor to the style you are using:

    /* Background Color for CKEditor */
    .cke_skin_kama .cke_wrapper {
    background:{vb:stylevar postbithead_background} !important;
    }

    /* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
    .cke_skin_kama .cke_toolgroup {
    background: {vb:stylevar postbit_foot_background} !important;
    }


    /* Background Color for CKEditor Hover Link*/
    .cke_skin_kama a:hover {
    background: {vb:stylevar control_content_hover_background} !important;
    }

    The additional.css template can be found here:

    Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css




    Note: If you want to change these to your own custom colors, then use this code instead:

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

    }

    /* Background Color for CKEditor Buttons */
    .cke_skin_kama .cke_toolgroup {
    background-color: #xxxxx
    x !important;
    }

    /* Background Color for CKEditor Hover Link*/
    .cke_skin_kama a:hover {
    background-color: #xxxxxx !important;
    }

    ...with xxxxxx being the hexcode of the color you wish to use.

    • Joe D.
      #21
      Joe D. commented
      Editing a comment
      See post by maverick4283 for fix:

      https://www.vbulletin.com/forum/show...40#post2246540

      Fixed it by changing the style.css and making it read only

    • myths
      #22
      myths commented
      Editing a comment
      this is not working for me in vbulletin 4.1.11
      anyone can update it

    • Sebastiano Vassellatti
      #23
      Editing a comment
      As of 4.1.8, there are stylevars to control the editor colors. You don't need to follow this anymore.
    Posting comments is disabled.

Related Topics

Collapse

Working...
X