Change ai-chat Bubble Icon Size

Ask the Community Customization
1

I would like to be able to make the icon larger so you can see the image I uploaded.
Currently you are only able to make the bubble surrounding the icon larger.

3 Likes
2

Hi @Sean_Piscitelli welcome to community :clap:

add this code to the Custom CSS field on the General tab of your AI-Chatbot widget’s settings:

[class*="ButtonBase__Overlay-sc"]{
  transform: scale(1.4);
}
5 Likes
4

Hi there, @Sean_Piscitelli and welcome to the Community :wave:

@Sina, thank you so much for your help! Your code works, but it enlarges the notification badge as well.

I’ll discuss with the devs if it’s possible to change the size of the icon separately and update you tomorrow :slightly_smiling_face:

3 Likes
5

Hi, the icon separately

[class*="injected-svg"]{
  transform: scale(1.4);
}
3 Likes
6

@Sina, Unfortunately, this code didn’t work, but I’ve found the solution:

[class*="ButtonBase__ButtonIcon-sc"] {
 scale: 1.4;
}

@Sean_Piscitelli Could you please test it?

3 Likes
7

Hey @Sina :wave:
Thanks for this script :slight_smile:
It works for me soo… thank you so much! :wink:

2 Likes
8

Thank you @Max. The code worked.
I appreciate you helping as well @Sina

3 Likes
9

Great, you’re always welcome :wink:

2 Likes