Customize your design

How to customize HTML5 chat design ?

Many users do write to us asking if we can send them the CSS file so they can modify it.

An answer is NO: the CSS file is Global and stored on our servers. So people think they are unable to change the design of the chat, which of course is untrue.

The CSS allows to override the existing CSS. So instead of change the CSS, you need to ADD your own to OVERRIDE the exiting.
And here is how to do that:

1. As usual go to your chatadmin and choose the config  -> design tab:
2. You will find the property : “Link to external CSS to customize your chat”
3. you will insert the LINK to your OWN css : It must be http, like
   http://myownsite.com/myCustomizedCss.css
4.  in your myCustomizedCss you will override the existing CSS
   If for instance you want the send Button to be red, you will create something like

 

#send-msg-btn {
background-color: red;
}

That will over ride the existing CSS for the #send-msg-btn

 

and as result, you will get a red send button.