# Transparent background for Social Share buttons

**URL:** <https://community.elfsight.com/t/transparent-background-for-social-share-buttons/155433>\
**Category:** Customization\
**Tags:** social-share-buttons\
**Created:** [April 20, 2026, 7:27pm UTC](https://community.elfsight.com/t/transparent-background-for-social-share-buttons/155433 "2026-04-20T19:27:36Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bob\_Wilson](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/bob_wilson/32/92862_2.png) [@Bob\_Wilson](https://community.elfsight.com/u/Bob_Wilson)\
**Post date:** [April 20, 2026, 7:27pm UTC](https://community.elfsight.com/t/transparent-background-for-social-share-buttons/155433/1 "2026-04-20T19:27:36Z")

</div>

The only classes I’ve detected that seem even semi-relevant are:  
.eapps-social-share-buttons-mobile-layout-container  
.eapps-social-share-buttons-item-icon-container  
.eapps-social-share-buttons-item-icon  
.eapps-social-share-buttons-inner

I’ve tried applying **background-color:transparent !important;** to all of them and no-go. This is for the static state, not hover, if it matters. Any help?

---

<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:** [April 21, 2026, 6:20am UTC](https://community.elfsight.com/t/transparent-background-for-social-share-buttons/155433/3 "2026-04-21T06:20:11Z")

</div>

Hi there, @Bob_Wilson 👋

Could you please send me a link to the page, where your widget is installed? I’ll be happy to help!

---

<div class="post-metadata">

**Author:** ![Bob\_Wilson](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/bob_wilson/32/92862_2.png) [@Bob\_Wilson](https://community.elfsight.com/u/Bob_Wilson)\
**Post date:** [April 21, 2026, 1:01pm UTC](https://community.elfsight.com/t/transparent-background-for-social-share-buttons/155433/4 "2026-04-21T13:01:45Z")

</div>

Thank you for this solution, Max:

> .eapps-social-share-buttons-item::before {  
> background-color: transparent !important;  
> }

I was close, but no cigar!

---

<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:** [April 21, 2026, 1:05pm UTC](https://community.elfsight.com/t/transparent-background-for-social-share-buttons/155433/5 "2026-04-21T13:05:02Z")

</div>

It’s my pleasure 😉

---

<div class="post-metadata">

**Author:** ![Bob\_Wilson](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/bob_wilson/32/92862_2.png) [@Bob\_Wilson](https://community.elfsight.com/u/Bob_Wilson)\
**Post date:** [April 21, 2026, 6:52pm UTC](https://community.elfsight.com/t/transparent-background-for-social-share-buttons/155433/6 "2026-04-21T18:52:30Z")

</div>

@Max, it seems there is an unintended consequence to this mod. The “+” page is now transparent also.

---

<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:** [April 22, 2026, 11:10am UTC](https://community.elfsight.com/t/transparent-background-for-social-share-buttons/155433/7 "2026-04-22T11:10:27Z")

</div>

Hi there, @Bob_Wilson 👋

I am so sorry for this oversight!

We’ve updated the CSS code in your widget and it’s working correctly now:

```auto
.eapps-social-share-buttons-container .eapps-social-share-buttons-item::before {
  background-color: transparent !important;
}

```

  

Please check your website and let me know if everything is fine on your end now 🙂

---

<div class="post-metadata">

**Author:** ![Bob\_Wilson](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/bob_wilson/32/92862_2.png) [@Bob\_Wilson](https://community.elfsight.com/u/Bob_Wilson)\
**Post date:** [April 22, 2026, 11:33am UTC](https://community.elfsight.com/t/transparent-background-for-social-share-buttons/155433/8 "2026-04-22T11:33:40Z")

</div>

@Max, everything is A-OK now. As always, thanks for your help and quick response.

---

<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:** [April 22, 2026, 11:36am UTC](https://community.elfsight.com/t/transparent-background-for-social-share-buttons/155433/9 "2026-04-22T11:36:57Z")

</div>

No sweat 😉