# Inline List Group Header Colour

**URL:** <https://community.glideapps.com/t/inline-list-group-header-colour/32888>\
**Category:** Ask for Help\
**Created:** [October 10, 2021, 9:41am UTC](https://community.glideapps.com/t/inline-list-group-header-colour/32888 "2021-10-10T09:41:31Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [October 10, 2021, 9:41am UTC](https://community.glideapps.com/t/inline-list-group-header-colour/32888/1 "2021-10-10T09:41:31Z")

</div>

Does anybody have a quick bit a CSS that is “robust” and will change the colour of the header text in a grouped, condensed inline list?

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [October 11, 2021, 10:23am UTC](https://community.glideapps.com/t/inline-list-group-header-colour/32888/2 "2021-10-11T10:23:08Z")

</div>

@ThinhDinh have you ever done this?

---

<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:** [October 11, 2021, 11:55am UTC](https://community.glideapps.com/t/inline-list-group-header-colour/32888/3 "2021-10-11T11:55:27Z")

</div>

Sorry I didn’t have time to properly test this. I’m using what I believe is a pretty high-up selector in role=cell so it can affect some other components on your screen. Please let me know if this is the case.

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

div[role="cell"] >div >div {
color: #8b0000;
}

```

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

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [October 11, 2021, 1:34pm UTC](https://community.glideapps.com/t/inline-list-group-header-colour/32888/4 "2021-10-11T13:34:04Z")

</div>

Ok. I’ll have a play . Many thanks sir.

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [October 11, 2021, 1:54pm UTC](https://community.glideapps.com/t/inline-list-group-header-colour/32888/5 "2021-10-11T13:54:44Z")

</div>

It seems to work fine @ThinhDinh so thanks very much. Is there a similar technique to target just the title of an inline list? Cheers 👍

---

<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:** [October 11, 2021, 2:03pm UTC](https://community.glideapps.com/t/inline-list-group-header-colour/32888/6 "2021-10-11T14:03:14Z")

</div>

Please try this.

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

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

[data-test="app-vertical-list"] >div >div {
color: #8b0000;
}

```