# Bubble Background color

**URL:** <https://community.elfsight.com/t/bubble-background-color/59773>\
**Category:** General Questions\
**Tags:** all-in-one-chat\
**Created:** [July 2, 2024, 6:22pm UTC](https://community.elfsight.com/t/bubble-background-color/59773 "2024-07-02T18:22:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![backhome84](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/backhome84/32/49202_2.png) [@backhome84](https://community.elfsight.com/u/backhome84)\
**Post date:** [July 2, 2024, 6:22pm UTC](https://community.elfsight.com/t/bubble-background-color/59773/1 "2024-07-02T18:22:24Z")

</div>

add transparent to the bubble background bubble

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [July 3, 2024, 12:09pm UTC](https://community.elfsight.com/t/bubble-background-color/59773/3 "2024-07-03T12:09:23Z")

</div>

Hi @backhome84 👋

This code should do the trick:

```auto
[class*='Bubble__BubbleComponent-sc'],
[class*='Bubble__BubbleComponent-sc'] [class*='ButtonBase__Overlay-sc'] {
  box-shadow: none !important;
  background: transparent !important;
}

```

  

Check it out and let me know if you like the result 😉

---

<div class="post-metadata">

**Author:** ![backhome84](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/backhome84/32/49202_2.png) [@backhome84](https://community.elfsight.com/u/backhome84)\
**Post date:** [July 3, 2024, 3:29pm UTC](https://community.elfsight.com/t/bubble-background-color/59773/4 "2024-07-03T15:29:40Z")

</div>

that works  
thank you