Chat CSS Playground (BETA)

About the Playground

The CSS Playground is an area where you can edit the CSS to a live chat provided by Chattable, and see the changes in real time. This is the perfect tool for testing out new styles before applying them to your chat on your website. You can even load any of the styles from the demo page to mess around with or copy. Remember, your imagination is the limit here.

Please note that the playground does not save. Any of the changes you make are not saved on here. If you create something you like, copy the code and save it in a separate CSS file so you can use it later.

Editable Elements

To learn about the elements you can style/edit, please the predefined ID's & Classes part of the help page