# Changing color for only part of inline list element

**URL:** <https://community.glideapps.com/t/changing-color-for-only-part-of-inline-list-element/54212>\
**Category:** Ask for Help\
**Created:** [November 15, 2022, 3:03pm UTC](https://community.glideapps.com/t/changing-color-for-only-part-of-inline-list-element/54212 "2022-11-15T15:03:44Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![cheeseman30](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cheeseman30/32/49759_2.png) [@cheeseman30](https://community.glideapps.com/u/cheeseman30)\
**Post date:** [November 15, 2022, 3:03pm UTC](https://community.glideapps.com/t/changing-color-for-only-part-of-inline-list-element/54212/1 "2022-11-15T15:03:44Z")

</div>

Ok, I’ve got what I believe is a pretty difficult, if not impossible thing to do in Glide. But there are very smart people here who I hope can help! Below is my app layout, with the part circled in red all being the title text portion of my inline list. That text comes from a template column, as shown below.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/6/b64d84941a943f2969513d604a56623136703c4e.png)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/7/672fe1572ba42eed13956a6f6fa433248ee3e20d.png)

What I would like to do, is find a way to change the color of JUST the ranking numbers before the teams names. CSS on the layout screen won’t do this because it targets the full element text, team names included. Is there any way to integrate CSS into my template column on the datasheet so that I can selectively color just certain parts of that text? Any ideas are appreciated! Thanks!

---

<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:** [November 15, 2022, 11:29pm UTC](https://community.glideapps.com/t/changing-color-for-only-part-of-inline-list-element/54212/2 "2022-11-15T23:29:29Z")

</div>

I doubt you will be able to do that. Would have to figure a way to separate those into different divs, but I don’t know any ways to do so.

---

<div class="post-metadata">

**Author:** ![cheeseman30](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cheeseman30/32/49759_2.png) [@cheeseman30](https://community.glideapps.com/u/cheeseman30)\
**Post date:** [November 16, 2022, 12:04am UTC](https://community.glideapps.com/t/changing-color-for-only-part-of-inline-list-element/54212/3 "2022-11-16T00:04:20Z")

</div>

I figured. I really wish there was a way to pass CSS into a list, rather than just needing to have it in a rich text component.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [November 16, 2022, 1:29am UTC](https://community.glideapps.com/t/changing-color-for-only-part-of-inline-list-element/54212/4 "2022-11-16T01:29:54Z")

</div>

If the colour-coding is important, then the only thing I could think of would be to replace the list with a dynamically generated HTML table. That would give you full control over the styling, but you’d lose the ability to drill down on individual items.

---

<div class="post-metadata">

**Author:** ![cheeseman30](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cheeseman30/32/49759_2.png) [@cheeseman30](https://community.glideapps.com/u/cheeseman30)\
**Post date:** [November 16, 2022, 3:59am UTC](https://community.glideapps.com/t/changing-color-for-only-part-of-inline-list-element/54212/5 "2022-11-16T03:59:16Z")

</div>

Hmm, don’t have much experience with that but may look into it. Ultimately I guess it’s not that important, I was just hoping there might be a way.
