# Map Color Pins
**URL:** https://community.glideapps.com/t/map-color-pins/82535
**Category:** Ask for Help
**Created:** [June 16, 2025, 7:48pm UTC](https://community.glideapps.com/t/map-color-pins/82535 "2025-06-16T19:48:51Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@BlueBase33](https://community.glideapps.com/u/BlueBase33)
#### Post date: [June 16, 2025, 7:48pm UTC](https://community.glideapps.com/t/map-color-pins/82535/1 "2025-06-16T19:48:51Z")
Hello, Im a founder building my MVP here, (no coding background). Does anyone have success recently changing Map pin colors? I took the advice from this chat, ([Map pin color](https://community.glideapps.com/t/map-pin-color/42622) )
but I couldn’t get it too function. Thanks!
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [June 16, 2025, 11:47pm UTC](https://community.glideapps.com/t/map-color-pins/82535/2 "2025-06-16T23:47:16Z")
Can you show me what you have configured so far in your app?
> **[CSS Library by LowCode Agency](https://css-library.glide.page/dl/library/s/8836b3/r/LDLEdJMFT02sE-FoUrcf1g)**
Here’s a newer version to do it in the “new” Glide.
---
### Author:  [@BlueBase33](https://community.glideapps.com/u/BlueBase33)
#### Post date: [June 18, 2025, 9:58pm UTC](https://community.glideapps.com/t/map-color-pins/82535/3 "2025-06-18T21:58:33Z")
Thanks for the quick response, not sure what helps so here is a quick overview of how it set up.
I want to dynamically change the color of map pins based on how urgent the job is. Specifically:
Red: If the job starts in 1 day or less (marked as “URGENCY”)
Orange: If it starts in 2 days or less (marked as “SOON”)
Default (Blue): If it’s 3+ days away (no urgency)
The pin’s title is coming from a template column — it combines urgency and job name, like “URGENCY Laborer” or “SOON Electrician.” Some just say the job name if there’s no urgency.
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [June 19, 2025, 1:31am UTC](https://community.glideapps.com/t/map-color-pins/82535/4 "2025-06-19T01:31:38Z")
You can try playing around with this:
```auto
[title*="URGENCY"] > svg > path {
fill: red;
}
[title*="SOON"] > svg > path {
fill: orange;
}
```