# Colored Items in Table? Custom CSS/ new Feature

**URL:** <https://community.glideapps.com/t/colored-items-in-table-custom-css-new-feature/79826>\
**Category:** Ask for Help\
**Tags:** custom-css, collections\
**Created:** [February 6, 2025, 2:15am UTC](https://community.glideapps.com/t/colored-items-in-table-custom-css-new-feature/79826 "2025-02-06T02:15:16Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [February 6, 2025, 2:15am UTC](https://community.glideapps.com/t/colored-items-in-table-custom-css-new-feature/79826/1 "2025-02-06T02:15:16Z")

</div>

Hey there, I was wondering if I can highlight or change the item color if a certain condition is met?  
for example if the priority of the item is high I want It colored red or smth

---

<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:** [February 6, 2025, 5:02am UTC](https://community.glideapps.com/t/colored-items-in-table-custom-css-new-feature/79826/2 "2025-02-06T05:02:15Z")

</div>

You can use the “Tag” column type instead of custom CSS. Use an if-else column to determine the color based on your desired conditions.

 ![Screenshot 2025-02-06 115840](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/9/d9af0ce4e4bbed030e7a59575a9a3d9f88a278e8.png)  
 ![Screenshot 2025-02-06 115912](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/6/d67a387ef9ca0e86ce97654a9af9c94723274aff.png)

---

<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:** [February 7, 2025, 12:28am UTC](https://community.glideapps.com/t/colored-items-in-table-custom-css-new-feature/79826/3 "2025-02-07T00:28:01Z")

</div>

This is much better than applying something custom, thank you.

---

<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:** [February 7, 2025, 4:18am UTC](https://community.glideapps.com/t/colored-items-in-table-custom-css-new-feature/79826/4 "2025-02-07T04:18:30Z")

</div>

As far as I know, only the “Tag or Boolean” column type needs to be present first and is required to use other dynamic custom CSS styling. This is because Tag or Boolean allows for unique CSS selectors, whereas others are merely text.

---

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [February 7, 2025, 2:31pm UTC](https://community.glideapps.com/t/colored-items-in-table-custom-css-new-feature/79826/5 "2025-02-07T14:31:28Z")

</div>

> [@Himaladin](#):
>
> As far as I know, only the “Tag or Boolean” column type needs to be present first and is required to use other dynami

good idea, ty for you time.

---

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [February 7, 2025, 2:32pm UTC](https://community.glideapps.com/t/colored-items-in-table-custom-css-new-feature/79826/6 "2025-02-07T14:32:15Z")

</div>

and I found this btw if anyone is interested.

> [@Change Table Row Color Conditionally CSS?](https://community.glideapps.com/t/change-table-row-color-conditionally-css/74235):
>
> Is there a way i can change the color of a row in a glide table when both payments are checked to mark as paid? I would essentially like to highlight rows where the invoices are complete and am not sure if I can do this with css in glide. Thank you

---

<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:** [February 7, 2025, 3:24pm UTC](https://community.glideapps.com/t/colored-items-in-table-custom-css-new-feature/79826/7 "2025-02-07T15:24:25Z")

</div>

Glad if you have found the solution. However, that CSS code is meant to color rows that have a true boolean, not as you initially stated.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [February 14, 2025, 3:25pm UTC](https://community.glideapps.com/t/colored-items-in-table-custom-css-new-feature/79826/8 "2025-02-14T15:25:23Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
