# Change badge color

**URL:** <https://community.elfsight.com/t/change-badge-color/25518>\
**Category:** Restaurant Menu\
**Created:** [November 14, 2023, 11:25am UTC](https://community.elfsight.com/t/change-badge-color/25518 "2023-11-14T11:25:59Z")\
**Posts on this page:** 1\
**Page:** 1

<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 14, 2023, 11:25am UTC](https://community.elfsight.com/t/change-badge-color/25518/1 "2023-11-14T11:25:59Z")

</div>

Add this code to the Custom CSS field on the Style tab of your [Restaurant Menu](https://elfsight.com/restaurant-menu-widget/) widget’s settings:

```auto
.global-styles,
[class*='Name__NameComponent-sc'] path {
fill: blue !important;
}

```