# Change the color of my collection

**URL:** <https://community.glideapps.com/t/change-the-color-of-my-collection/57067>\
**Category:** Ask for Help\
**Created:** [January 24, 2023, 2:45pm UTC](https://community.glideapps.com/t/change-the-color-of-my-collection/57067 "2023-01-24T14:45:18Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Damien83](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/damien83/32/53299_2.png) [@Damien83](https://community.glideapps.com/u/Damien83)\
**Post date:** [January 24, 2023, 2:45pm UTC](https://community.glideapps.com/t/change-the-color-of-my-collection/57067/1 "2023-01-24T14:45:19Z")

</div>

Hi !

How I can edit the color of background on my collection in Glidepage ?

If “Statut” is “Disponible”, the background of the card is green  
If “Statut” is “En route”, the background of the card is red  
…

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/b/3b8b4bf93dde36d03fd39f9d6a2aa0cf9654617d.png)

Thank you !

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 24, 2023, 3:13pm UTC](https://community.glideapps.com/t/change-the-color-of-my-collection/57067/2 "2023-01-24T15:13:00Z")

</div>

You could use a color emoji or an ‘Image from Color’ column to get an image that you can display in your cards.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [January 24, 2023, 4:30pm UTC](https://community.glideapps.com/t/change-the-color-of-my-collection/57067/3 "2023-01-24T16:30:05Z")

</div>

Bonjour Damien, bienvenue à la communauté Glide.

Comme le suggère Jeff, dans votre cas j’utilise les couleurs du feu rouge sous forme d’emojis. Les emojis que vous trouverez dans Whatsapp ou Emojioedia par exemple. J’inclus alors ces emojis dans du texte via une colonne template ou if-then-else.

🔴 Rupture de stock  
🟠 En route  
🟢 Disponible

---

<div class="post-metadata">

**Author:** ![Damien83](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/damien83/32/53299_2.png) [@Damien83](https://community.glideapps.com/u/Damien83)\
**Post date:** [January 25, 2023, 7:00am UTC](https://community.glideapps.com/t/change-the-color-of-my-collection/57067/4 "2023-01-25T07:00:16Z")

</div>

D’accord, merci pour votre réponse !

Donc à part rajouter un émoji, il n’y a aucun moyen (même CSS) de modifier le background individuel des cartes ?

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [January 25, 2023, 5:42pm UTC](https://community.glideapps.com/t/change-the-color-of-my-collection/57067/5 "2023-01-25T17:42:38Z")

</div>

Mes recommandations seraient :

- emojis dans du texte
- une image

C’est peut-être possible avec du CSS, mais même si c’était possible j’éviterais.

@Lucas_Pires @ThinhDinh @Uzo

---

<div class="post-metadata">

**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\
**Post date:** [January 25, 2023, 7:04pm UTC](https://community.glideapps.com/t/change-the-color-of-my-collection/57067/6 "2023-01-25T19:04:40Z")

</div>

I see that it’s an NPO project, and I’m pretty sure NPO licenses don’t have the ability anymore to modify the CSS of pages?

---

<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:** [January 26, 2023, 1:18am UTC](https://community.glideapps.com/t/change-the-color-of-my-collection/57067/7 "2023-01-26T01:18:41Z")

</div>

I’m not even sure if it’s possible with CSS, but I don’t do much CSS anymore.

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [January 27, 2023, 6:36pm UTC](https://community.glideapps.com/t/change-the-color-of-my-collection/57067/8 "2023-01-27T18:36:42Z")

</div>

Same. Only simple HTML when needed