# How to show two different color pins on a map

**URL:** <https://community.glideapps.com/t/how-to-show-two-different-color-pins-on-a-map/86046>\
**Category:** Ask for Help\
**Created:** [January 16, 2026, 11:28am UTC](https://community.glideapps.com/t/how-to-show-two-different-color-pins-on-a-map/86046 "2026-01-16T11:28:17Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [January 20, 2026, 3:03pm UTC](https://community.glideapps.com/t/how-to-show-two-different-color-pins-on-a-map/86046/6 "2026-01-20T15:03:43Z")

</div>

> [@Customizing Map Markers in New Glide Apps](https://community.glideapps.com/t/customizing-map-markers-in-new-glide-apps/70540/1):
>
> ```auto
> /*Map Marker - Color*/
> [title="Apple Store"] > svg > path {
> fill: #6253BE;
> }
> [title="Samsung Store"] > svg > path {
> fill: #BA55D3;
> }
> .mapboxgl-marker [title="Xiaomi Store"] > svg > path {
> fill: #0065cb;
> }
> 
> ```

It’s better not to add an asterisk to your `title` attribute, in order to avoid affecting other elements that may have the same attribute. Alternatively, you can add a custom class in front of it to specifically target and ensure it only applies to the map.

---

_[View the full topic](https://community.glideapps.com/t/how-to-show-two-different-color-pins-on-a-map/86046)._