Setting for changing the bubble size

Wishlist AI Chatbot
1

I’d like to have a setting for changing the size of the bubble. As for now, the Elfsight Team suggest using this code in the Custom CSS field on the General tab of your widget’s settings:

[class^="FloatingButton__FloatingButtonContainer-sc"] {
  scale: 0.7;
}
1 Like
Flexability
Monthly Recap: October 2025
Monthly Recap: November 2025
2

Friends, I’m happy to say that we’ve started working on this feature! :tada:

It’s currently in the Design stage, and we’ll keep you updated on the progress here :blush:

1 Like
3

Hello,

I would love to be able to adjust the size from the UI. Hopefully this is a quick win for all.

Best,

* R

4

Hi there and welcome to the Community, @Robert_Girvin :waving_hand:

Thank you for the feedback!

Could you please specify the size of which elements you’d like to adjust (chat bubble, width and height of the chat window or maybe the font size of text elements)?

5

Hello @Max,

Thank you for your response. In my case, I’d like to be able to adjust the size of the AI Chat bubble (or icon/CTA) on our website. Specifically, I’d like to make the bubble the same size as the WhatsApp widget that’s also active on our site. You can refer to this link for more information: https://formist.studio/

*R

1 Like
6

Got you, thanks for clarification!

Glad to say that we’re currently working on this feature. I’ve moved your comment to the related thread, where we’ll keep you updated on any developments.

In the meantime, you can use this code in the Custom CSS field on the General tab of your widget’s settings to adjust the bubble size:

[class^="FloatingButton__FloatingButtonContainer-sc"] {
  scale: 0.7;
}
1 Like
7

Update: the feature is on the Development stage now! :tada:

2 Likes