# Inline list title text color

**URL:** <https://community.glideapps.com/t/inline-list-title-text-color/50290>\
**Category:** Ask for Help\
**Created:** [September 27, 2022, 9:39pm UTC](https://community.glideapps.com/t/inline-list-title-text-color/50290 "2022-09-27T21:39:00Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![igor\_a](https://avatars.discourse-cdn.com/v4/letter/i/8491ac/32.png) [@igor\_a](https://community.glideapps.com/u/igor_a)\
**Post date:** [September 27, 2022, 9:39pm UTC](https://community.glideapps.com/t/inline-list-title-text-color/50290/1 "2022-09-27T21:39:00Z")

</div>

Hi all, can’t seem to find a way to change the color of the title of an inline list, can’t find a named class for this. Is there a way? Tks

---

<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:** [September 28, 2022, 1:23am UTC](https://community.glideapps.com/t/inline-list-title-text-color/50290/2 "2022-09-28T01:23:38Z")

</div>

Not sure what type of list layout are you using, I’m taking a “list style” version.

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

```auto
<pre><span><style>

[data-test="list-item"] .textStyle {
color: blue;
}

</style></span></pre>
```

---

<div class="post-metadata">

**Author:** ![igor\_a](https://avatars.discourse-cdn.com/v4/letter/i/8491ac/32.png) [@igor\_a](https://community.glideapps.com/u/igor_a)\
**Post date:** [September 28, 2022, 4:40am UTC](https://community.glideapps.com/t/inline-list-title-text-color/50290/3 "2022-09-28T04:40:06Z")

</div>

Thanks, but I mean the title. In your example it would be the black “Test Users” label

---

<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:** [September 28, 2022, 5:21am UTC](https://community.glideapps.com/t/inline-list-title-text-color/50290/4 "2022-09-28T05:21:07Z")

</div>

```auto
<pre><span><style>

div[data-test="app-vertical-list"] > * > div{
color: blue;
}

```

This might work, but I’m not confident it won’t affect anything in the inline list.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/2/1298ddbd36d4d4f1ffa26358b2ad9f461e2624bc.png)

---

<div class="post-metadata">

**Author:** ![resepsionis\_ganteng](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/resepsionis_ganteng/32/39081_2.png) [@resepsionis\_ganteng](https://community.glideapps.com/u/resepsionis_ganteng)\
**Post date:** [September 28, 2022, 5:21am UTC](https://community.glideapps.com/t/inline-list-title-text-color/50290/5 "2022-09-28T05:21:40Z")

</div>

# Try using this.

> [data-index=“0”] \>.inner \>[role=“row”] \>[role=“cell”] \>div \>div {  
> background-color: crimson !important;  
> color: white;  
> padding: 10px;  
> border-radius: 8px;  
> animation: fade-in 0.9s;  
> box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;  
> }

---

<div class="post-metadata">

**Author:** ![igor\_a](https://avatars.discourse-cdn.com/v4/letter/i/8491ac/32.png) [@igor\_a](https://community.glideapps.com/u/igor_a)\
**Post date:** [October 2, 2022, 5:54pm UTC](https://community.glideapps.com/t/inline-list-title-text-color/50290/6 "2022-10-02T17:54:52Z")

</div>

Thank you!

---

<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:** [October 3, 2022, 5:55pm UTC](https://community.glideapps.com/t/inline-list-title-text-color/50290/7 "2022-10-03T17:55:47Z")

</div>

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