...
For example, to change the widget icon color and colour to black #d4652c
, add the following code to the web page where you placed the Chat Widget:
...
Code Block | ||
---|---|---|
| ||
<html> <body> <script type="text/javascript"> var spartezSupportChat = { portal: 1, cloud: { jiraId: "8ad73648-24b8-3d3c-bf91-f75ff508305b", jiraUrl: "https://saisatyasatti.atlassian.net", urls: { rest: "https://chat-api.spartez-software.com", ws: "https://chat-ws.spartez-software.com", }, }, }; </script> <script type="text/javascript" src="https://chat-api.spartez-software.com/chat.js"></script> <style>.support-chat-icon {background-color: #d4652c !important;}</style> <style>.new-conversation {background-color: #d4652c !important;}</style> <style>.top-header {background-color: #d4652c !important;}</style> <style>.top-header.in-chat {background-color: #d4652c !important;}</style> <style>.spartez-support-chat-container .submit-button {background-color: #d4652c !important;}</style> <style>.spartez-support-chat-container .send-message-button-main {background-color: #d4652c !important;}</style> <style>.chat-message.my {background-color: #d4652c !important;}</style> </body> </html> |
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> |