Change background colour of the Editor

[Skreamzja]

This will enable you to change the default white background of the different editors to match your skin.

Standard Editor
 

• Login to the Admin CP
• Click on the Look & Feel Tab
• Click on the Skin name
• Click on CSS
• Click on ipb_editor.css
• Find this code:

  #ipboard_body .input_rte {    width: 100%;    height: 250px;}

• Change the code to (replacing the colours with the hex value of your choice):

  #ipboard_body .input_rte {    background-color: #000;    color: #fff;    width: 100%;    height: 250px;}

Rich Text Editor
 

• Open the folder publicjs
• Open the file ips.editor.js (save a copy in case you make a mistake)
• Find the following (line 1100 if not changed)

  ips_frame_html += "    background: #FFFFFF;n";

• Add this underneath:

  ips_frame_html += "    color: #fff;n";

• Your code should look like this (replacing the colours with the hex value of your choice):

  ips_frame_html += "    background: #000;n";        ips_frame_html += "    color: #fff;n";

• Save the file.

You will need to hard refresh (Ctrl + F5) on Windows. 

[DarkXess]

Thanks for this guide, though im wondering how to add a picture instead of changing the color, do you know or can you post it here too?

thanks

Edited December 18, 2013 by DarkXess

[CommandoModz v2]

thanks

[Arif]

thanks this is helpfull