# Change the colour of the dropdown text

**URL:** <https://community.elfsight.com/t/change-the-colour-of-the-dropdown-text/81486>\
**Category:** General Questions\
**Tags:** website-translator\
**Created:** [November 11, 2024, 3:11pm UTC](https://community.elfsight.com/t/change-the-colour-of-the-dropdown-text/81486 "2024-11-11T15:11:19Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Andrea\_Krisko](https://avatars.discourse-cdn.com/v4/letter/a/f6c823/32.png) [@Andrea\_Krisko](https://community.elfsight.com/u/Andrea_Krisko)\
**Post date:** [November 11, 2024, 3:11pm UTC](https://community.elfsight.com/t/change-the-colour-of-the-dropdown-text/81486/1 "2024-11-11T15:11:19Z")

</div>

Right now there is an option to only change the colour of the header of the widget:

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

Would be great if the dropdown text matches that colour

---

<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:** [November 11, 2024, 5:42pm UTC](https://community.elfsight.com/t/change-the-colour-of-the-dropdown-text/81486/3 "2024-11-11T17:42:10Z")

</div>

Welcome to the Community, @Andrea_Krisko 👋

I’ve forwarded your request to the devs and will update you tomorrow 🙂

---

<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:** [November 12, 2024, 11:03am UTC](https://community.elfsight.com/t/change-the-colour-of-the-dropdown-text/81486/4 "2024-11-12T11:03:02Z")

</div>

Thank you for waiting!

We’ve adjusted the CSS code you were using in your widget, and now everything should be working fine:

```auto
.global-styles,
.elfsight-app-d80e7d02-4c1d-4af8-a8ac-ad62a56aa3d1 {
  margin-left: 1.3vw;
}

[class*='dropdown__Container-sc'] {
  background: transparent !important;
}

.global-styles,
.eapps-widget-toolbar {
  display: none !important;
}

[class*='Popout__PopoutContent-sc'] {
  left: -25px !important;
}

.global-styles,
body [class*='name__NameContainer-sc'] {
  color: white !important;
}

```

  

Check your widget and let me know if it’s fine now 🙂