Hello - we need help please with increasing the size of our chat bubble (it’s too small). I’ve tried the other articles and it does not work. Can someone please help with the script/code so we can increase the size? Thank you!
Tried this article and this and it does not work:
Problem Statement:
Requirement is to change/ minimize the size of the chat widget bubble.
Solution:
This customization can be achieved through the use of the WebSdk.
Follow the steps outlined below to successfully customize the chat widget bubble size:
Access the Official WebSdk Documentation:
To begin the customization process, refer to the official documentation of the WebSdk.
The documentation provides comprehensive information on the various customization options available.
Please Cl…
position: absolute;
right: 0;
}
.kore-chat-window .minimized,
.kore-chat-window .minimized-title {
display: none;
}
.kore-chat-window .messages {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMjIgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+ODVGODJDNTAtMzI0OC00MjhFLUI1QUUtOTA2QTg5OUU3QTE3PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+ICAgICAgICA8ZyBpZD0iMDMtc3BhY2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOS4wMDAwMDAsIC02Ni4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICAgICAgPGcgaWQ9IlNpZGUtTmF2Ij4gICAgICAgICAgICAgICAgPGcgaWQ9ImNoYXRzLWluYWN0aXZlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMC4wMDAwMDAsIDY3LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuMzMzMzMzMzQsMTIuNDU5MjA4MiBDMy4zMzMzMzMzNCwxMi40NTkyMDgyIDAuNTYyNTMyOTkyLDEwLjM0NDMzNDcgMC44MzMzMzMzMzMsNi42NjY2NjY2NyBDMS4xNTA2MTM2MywzLjAwMjc3MzQ5IDQuMzI0NTEyMTEsMCA4LjMzMzMzMzMzLDAgTDExLjY2NjY2NjcsMCBDMTUuOTcwMzM4NywwIDE4LjkzNDQ4MzksMi44NjY1MjQ0NyAxOS4xNjY2NjY3LDYuNjY2NjY2NjcgQzE5LjUwMTIwMDEsMTAuNzgyMTAzNCAxNS45NzAxMTY1LDE0LjE4MTMwMjUgMTEuNjY2NjY2NywxNC4xNjY2NjY3IEwxMCwxNC4xNjY2NjY3IEw4LjMzMzMzMzMzLDE0LjE2NjY2NjcgTDIuNSwxOC4zMzMzMzMzIEwzLjMzMzMzMzMzLDE1IiBpZD0iUmVjdGFuZ2xlLTM5NiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuMTY2NjY2NjcsMy4zMzMzMzMzMyBMNi40NDI0ODY4MSwzLjMzMzMzMzMzIEM4Ljg4NjE5Mjc2LDMuMzMzMzMzMzMgMTAuODY3MjA3OCw1LjAxNjQ3OTczIDEwLjg2NzIwNzgsNy4wODMzMzMzMyBDMTAuODY3MjA3OCw5LjE1NDQwMTE1IDguODg2MDUzNDIsMTAuODMzMzMzMyA2LjQ0NjA5NTksMTAuODMzMzMzMyIgaWQ9IlJlY3RhbmdsZS0zOTYtQ29weSIgc3Ryb2tlLW9wYWNpdHk9IjAuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy41MTY5MzcsIDcuMDgzMzMzKSBzY2FsZSgtMSwgLTEpIHRyYW5zbGF0ZSgtNy41MTY5MzcsIC03LjA4MzMzMykgIj48L3BhdGg+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEuNjY2NjY2NywzLjMzMzMzMzMzIEMxMy45Njc4NTMxLDMuMzMzMzMzMzMgMTUuODMzMzMzMyw1LjIwMzQ5NTk5IDE1LjgzMzMzMzMsNy41IiBpZD0iUmVjdGFuZ2xlLTM5Ni1Db3B5LTIiIHN0cm9rZS1vcGFjaXR5PSIwLjUiPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
display: inline-block;
width: 100%;
height: 100%;
background-size: cover;
}
.kore-chat-window.modelOpen .kore-chat-header{
visibility: hidden;
}
.kore-chat-window.modelOpen .kore-chat-body{
visibility: hidden;