Change size of the chat bubble

CSS Codes Chats
1

Add the code below to the Custom CSS field on your Chat widget’s Appearance tab:

.global-styles, [class^='FloatingButton__FloatingButtonContainer-sc'] {
    transform: scale(0.8)
  }

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions

6 Likes
CSS to increase size of Chat Icon
Instagram Chat customization
2

It’s working! thanks for the code.

2 Likes
3

Hi there, @user2778 and welcome aboard :waving_hand:

Glad to know the code helped you – thank you so much for the feedback :wink:

4

@Max Thanks! The whats app chat bubble is now the desired size, but this also changes the size of the contact form button (also from elfsight) on my website, which is now a way to small. I would like to be able to adjust these independently of each other. Can you help me?

1 Like
5

Greetings and welcome to the Community, @user29973 :waving_hand:

Please try to remove .global-styles, from the code. It should help you resolve the issue :slightly_smiling_face: