How to Change the Background Color of the Instant Chat Window

Follow these guidelines to change only the color displayed behind the Instant Chat interface:

  1. Download InstantChat.css from
  2. Save it in your own public web folder.
  3. Replace the default CSS path with your own in Sample HTML code.
  4. Insert before every image reference in your CSS.
  5. Change the background-color of .ic_htmlbody and .ic_bodyarea in your CSS.
  6. Download and store it in your own public web folder.
  7. Replace the URL of background-image with the URL of your new ic_background.jpg in ic_maincontentarea.
  8. Change the border color of Instant Chat GUI in ic_background.jpg.