Whatsapp widget icon is rectangular instead of round

Ask the Community General Questions
1

Hi guys, my whatsapp widget icon is rectangular instead of round, any idea to solve the problem?

Screenshot 2025-02-10 112332
Screenshot 2025-02-10 1123321885×982 85.8 KB

2 Likes
3

Hi there, @Jerrence and welcome aboard :wave:

We’ve fixed the issue by adding this code to the Custom CSS field on the Appearance tab of your widget’s settings:

[class*="Bubble__BubbleComponent-sc"] {
	border-radius: 100px !important;
	border: none !important;
	height: auto !important;
}

Check your website and let me know if everything is fine now :wink:

1 Like
4

Thank you so much :smiley:

2 Likes
5

You’re always welcome :wink:

1 Like
6

Hi there,

Thanks Max, anyway can I also ask for the customer CSS code for booking appointment logo to make the logo round like the previous?

image002.png874×444 219 KB

Thanks and Best Regards,
Jerrence

1 Like
7

Hi @Jerrence :wave:

Sure, here is the CSS code we’ve used to fix the issue:

[class*="ButtonBase__ButtonContainer-sc"] {
 border-radius: 32px !important;
 padding: 0 !important;
}

Please check your website and let me know if the button looks fine now :slightly_smiling_face: