Whatsapp widget icon is rectangular instead of round

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

2 Likes

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

Thank you so much :smiley:

2 Likes

You’re always welcome :wink:

1 Like

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?


Thanks and Best Regards,
Jerrence

1 Like

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: