# Different colored map pins?

**URL:** <https://community.glideapps.com/t/different-colored-map-pins/58801>\
**Category:** Ask for Help\
**Created:** [March 5, 2023, 10:39pm UTC](https://community.glideapps.com/t/different-colored-map-pins/58801 "2023-03-05T22:39:01Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nile\_Berry](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nile_berry/32/55218_2.png) [@Nile\_Berry](https://community.glideapps.com/u/Nile_Berry)\
**Post date:** [March 5, 2023, 10:39pm UTC](https://community.glideapps.com/t/different-colored-map-pins/58801/1 "2023-03-05T22:39:01Z")

</div>

Hi Glide community! Am hoping you can advise if this functionality might be possible for the map tool within Glide.

Specifically, is it possible to assign colors to various types of pins on the map? For example, am trying to show Restaurants on my map in red and then Bars in blue.

Thanks so much! Really appreciate any/all input. 🙂

---

<div class="post-metadata">

**Author:** ![David\_Gabler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_gabler/32/44332_2.png) [@David\_Gabler](https://community.glideapps.com/u/David_Gabler)\
**Post date:** [March 5, 2023, 10:47pm UTC](https://community.glideapps.com/t/different-colored-map-pins/58801/2 "2023-03-05T22:47:04Z")

</div>

You can have a look at [this post about CSS](https://community.glideapps.com/t/css-custom-color-for-map-pins/30641), but for Pages it will require a business plan or better to work.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 6, 2023, 12:19am UTC](https://community.glideapps.com/t/different-colored-map-pins/58801/3 "2023-03-06T00:19:04Z")

</div>

Also it won’t be dynamic, since you would have to include the title of the pin in a fixed CSS snippet. Maintaining that with an ever-growing base of pins is not something I would recommend.

---

<div class="post-metadata">

**Author:** ![Nile\_Berry](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nile_berry/32/55218_2.png) [@Nile\_Berry](https://community.glideapps.com/u/Nile_Berry)\
**Post date:** [March 6, 2023, 12:35pm UTC](https://community.glideapps.com/t/different-colored-map-pins/58801/4 "2023-03-06T12:35:25Z")

</div>

Hey David! thanks so much for sharing. Exactly what I was looking for

---

<div class="post-metadata">

**Author:** ![David\_Gabler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david_gabler/32/44332_2.png) [@David\_Gabler](https://community.glideapps.com/u/David_Gabler)\
**Post date:** [March 6, 2023, 12:59pm UTC](https://community.glideapps.com/t/different-colored-map-pins/58801/5 "2023-03-06T12:59:24Z")

</div>

Sure thing!

---

<div class="post-metadata">

**Author:** ![Bungchow\_IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bungchow_ideapps/32/49062_2.png) [@Bungchow\_IDEApps](https://community.glideapps.com/u/Bungchow_IDEApps)\
**Post date:** [March 6, 2023, 2:14pm UTC](https://community.glideapps.com/t/different-colored-map-pins/58801/6 "2023-03-06T14:14:05Z")

</div>

I used your CSS and it works… Cool! @ThinhDinh

 ![Screenshot 2023-03-06 211143](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/f/9f2b06665fc988176530aa0749470e44ca1c3cb3.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 7, 2023, 12:13am UTC](https://community.glideapps.com/t/different-colored-map-pins/58801/7 "2023-03-07T00:13:03Z")

</div>

Good to hear!