To change the appearance of the Chat Widget on an external website, you need to modify the widget’s HTML code that you’ve placed on the website, along with the CSS rules placed set on the page.
For example, to change the widget icon and colour color to #d4652c, add the following code to the web page where you placed the Chat Widget:
...
| Code Block | ||
|---|---|---|
| ||
<style>.support-chat-icon {background-color: #d4652c !important;}</style> |
| Code Block | ||
|---|---|---|
| ||
<style>.new-conversation {background-color: #d4652c !important;}</style> |
| Code Block | ||
|---|---|---|
| ||
<style>.top-header {background-color: #d4652c !important;}</style> |
| Code Block | ||
|---|---|---|
| ||
<style>.spartez-support-chat-container .submit-button {background-color: #d4652c !important;}</style> |
| Code Block | ||
|---|---|---|
| ||
<style>.spartez-support-chat-container .send-message-button-main {background-color: #d4652c !important;}</style> |
