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
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
1 Like
Thank you so much
2 Likes
You’re always welcome
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
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