# Change color inline list ttile

**URL:** https://community.glideapps.com/t/change-color-inline-list-ttile/55852
**Category:** Ask for Help
**Created:** [December 18, 2022, 12:32pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852 "2022-12-18T12:32:29Z")
**Posts on this page:** 17
**Page:** 1

<div class="post-metadata">

### Author: ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)
#### Post date: [December 18, 2022, 12:32pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/1 "2022-12-18T12:32:29Z")

</div>

Good morning everyone!!

I would like to change the color of the text “Title” that names the Inline list component and the “Group by” (Date) with CSS and Rich text, but I haven’t been able to figure out what code makes this possible.  
Thanks in advance !!

![Captura de pantalla 2022-12-18 132448](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/5/b51027523b9f0f99043377aa0e2bbfa47640e44b.png)  
 ![Captura de pantalla 2022-12-18 132558](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/a/cad9a448f1a6bf881ad8538a2cf6bced28ab1081.png)

---

<div class="post-metadata">

### Author: ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [December 18, 2022, 3:15pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/2 "2022-12-18T15:15:29Z")

</div>

here you go:

> **[Code BOOK - Desktop](https://code-book-desktop.glideapp.io/dl/da19fa/s/04a872/r/wixSnDyAQXSJ7yV4MvcfzA)**
>
> share cool CSS, scripts and links

---

<div class="post-metadata">

### Author: ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)
#### Post date: [December 18, 2022, 7:20pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/3 "2022-12-18T19:20:35Z")

</div>

Thanks @Uzo but this code doesn’t works. I’ve tried many days ago and doesn’t works.

 ![Captura de pantalla 2022-12-18 201712](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/1/91e81952de8ca76f5c6059e3ace7472690147d16.png)

Thanks for your help.

---

<div class="post-metadata">

### Author: ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [December 18, 2022, 7:30pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/4 "2022-12-18T19:30:19Z")

</div>

it works… where are you pasting this code? in Pages?

 ![Screen Shot 2022-12-18 at 2.33.18 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/5/659cf46689150ebab226c3cf7dbce806c99b9933.jpeg)

---

<div class="post-metadata">

### Author: ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)
#### Post date: [December 18, 2022, 7:42pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/5 "2022-12-18T19:42:48Z")

</div>

i’m pasting in app.

---

<div class="post-metadata">

### Author: ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [December 18, 2022, 7:43pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/6 "2022-12-18T19:43:13Z")

</div>

into a rich text component? i cant tell from your screenshot

---

<div class="post-metadata">

### Author: ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)
#### Post date: [December 18, 2022, 7:47pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/7 "2022-12-18T19:47:12Z")

</div>

Sorry @Uzo, the code only works for TITLE, doesn’t works for “DATE”

 ![Captura de pantalla 2022-12-18 204549](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/f/1fa13049a712cb69c3f7030041b50884d6068cbb.png)

---

<div class="post-metadata">

### Author: ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [December 18, 2022, 7:48pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/8 "2022-12-18T19:48:23Z")

</div>

date??? what part is that?

---

<div class="post-metadata">

### Author: ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)
#### Post date: [December 18, 2022, 7:50pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/9 "2022-12-18T19:50:37Z")

</div>

It’s the Title when i “Group by” (Date) in options.

---

<div class="post-metadata">

### Author: ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)
#### Post date: [December 18, 2022, 7:51pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/10 "2022-12-18T19:51:51Z")

</div>

![Captura de pantalla 2022-12-18 205131](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/e/8e3a6d10110d76f97118428cd170467e487d0581.png)

---

<div class="post-metadata">

### Author: ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [December 18, 2022, 7:55pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/11 "2022-12-18T19:55:18Z")

</div>

```auto
[data-test="app-vertical-list"] :first-child{
color:red
}

```

---

<div class="post-metadata">

### Author: ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)
#### Post date: [December 18, 2022, 8:05pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/12 "2022-12-18T20:05:56Z")

</div>

This code works for all items, not only the title DATE. 😅 😅 😅  
Maybe this works with !Important ??

Thanks in advance and all your help. 👌 👌 👌

 ![Captura de pantalla 2022-12-18 210353](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/7/97d87cc478488d28fab78d6cca61b9a6b10f7c14.jpeg)

---

<div class="post-metadata">

### Author: ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [December 18, 2022, 8:12pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/13 "2022-12-18T20:12:00Z")

</div>

I can’t find the class for that, you need to inspect that page and find:

`.eNdBxr > :first-child{color:red!imoprtant}`

it works, but you are probably going to have different class

---

<div class="post-metadata">

### Author: ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)
#### Post date: [December 18, 2022, 8:12pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/14 "2022-12-18T20:12:47Z")

</div>

i did it, It works with !important on each item.

So many thanks !!!

 ![Captura de pantalla 2022-12-18 211151](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/0/901733b9c70461eef69e3256617060ea48c02bc8.png)

---

<div class="post-metadata">

### Author: ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [December 18, 2022, 8:14pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/15 "2022-12-18T20:14:08Z")

</div>

yea… glide change likely rules… now you have to add !important… my Code BOOK is old… 😉

---

<div class="post-metadata">

### Author: ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)
#### Post date: [December 18, 2022, 8:20pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/16 "2022-12-18T20:20:41Z")

</div>

Your CODEBOOK is a great help. It is one of my main resources when I have a problem. 🙌 🙌 🙌 🙌  
So many thanks !!

---

<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: [December 19, 2022, 8:21pm UTC](https://community.glideapps.com/t/change-color-inline-list-ttile/55852/17 "2022-12-19T20:21:07Z")

</div>

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