# All-in-One Chat bubble customization

**URL:** <https://community.elfsight.com/t/all-in-one-chat-bubble-customization/54201>\
**Category:** Customization\
**Tags:** all-in-one-chat\
**Created:** [May 24, 2024, 3:08pm UTC](https://community.elfsight.com/t/all-in-one-chat-bubble-customization/54201 "2024-05-24T15:08:15Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![Ingrid\_van\_Waard](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/ingrid_van_waard/32/3565_2.png) [@Ingrid\_van\_Waard](https://community.elfsight.com/u/Ingrid_van_Waard)\
**Post date:** [May 27, 2024, 6:13pm UTC](https://community.elfsight.com/t/all-in-one-chat-bubble-customization/54201/8 "2024-05-27T18:13:20Z")

</div>

Hi Max,  
it’s all in there and works a dream!  
I only had to change the oval shape of the chat button to a radius 12px, so changed the border code to  
border-color: #ee9c1d!important; border-width: 2px !important; border-style: solid !important;  
border-radius: 12px!important;  
but that was easy peasy! I tinkered a little with both buttons to get all the distances and sizes equal, so one is on scale 0.96 and the other on 0.9, and I had to give the chat-bubble icon a negative margin left and top as it pushed over the text and sat too low. But I think they are now exactly matching (one has 2px more margin-bottom than the other to get the same result). A very neat trio! I’d wish I had everything for my new website for Reflections Webdesign & Marketing as ready as the buttons 😂  
Thanks again!  
Ingrid

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/f/ff528aa97eb857352a90ef54674f81003645c00c.jpeg)

---

_[View the full topic](https://community.elfsight.com/t/all-in-one-chat-bubble-customization/54201)._