T
Typebot•13mo ago
andrew

How to change the chat bubble size?

Does anayone know a way to change the chat bubble size when embeding it as a chat widget onto our website? - bonus if anyone knows how to also change the cornor radius.
No description
7 Replies
Baptiste
Baptiste•13mo ago
No description
andrew
andrewOP•13mo ago
Thank you! is there anyway to set a custom size? I mean the size of the actual chat window, not just the button 🙂
Baptiste
Baptiste•13mo ago
Yes, see https://docs.typebot.io/deploy/web/libraries/html-javascript#bubble In theme > chatWindow you can set maxWidth and maxHeight
andrew
andrewOP•13mo ago
Thank you so much! I have done it
Unknown User
Unknown User•2mo ago
Message Not Public
Sign In & Join Server To View
Baptiste
Baptiste•2mo ago
You'd have to do that with CSS applied to your website Something like:
typebot-bubble::part(bot) {
border-radius: 50px
}
typebot-bubble::part(bot) {
border-radius: 50px
}
Unknown User
Unknown User•2mo ago
Message Not Public
Sign In & Join Server To View

Did you find this page helpful?