# Inline List color

**URL:** https://community.glideapps.com/t/inline-list-color/40921
**Category:** Ask for Help
**Created:** [April 20, 2022, 1:55am UTC](https://community.glideapps.com/t/inline-list-color/40921 "2022-04-20T01:55:33Z")
**Posts on this page:** 1
**Showing post:** 7

<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: [April 21, 2022, 12:17am UTC](https://community.glideapps.com/t/inline-list-color/40921/7 "2022-04-21T00:17:21Z")

</div>

Hopefully this can help.

> [@How would I use CSS/nth term in targeting lists?](https://community.glideapps.com/t/how-would-i-use-css-nth-term-in-targeting-lists/39601/2):
>
> I haven’t replied back to you in the original thread, so I will do it here. I think you’re looking for something like this. \<pre\>\<span\>\<style\> [data-test="list-item"] { background: rgb(25,25,25); border-radius: 10px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; } [data-test="app-vertical-list"] .selected-item-list-item-4 { background: rgb(230,230,230) !important; } Glide has a special scheme for naming these list item classes. It starts from the list title (which I d…

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

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

[data-test="app-vertical-list"] .selected-item-list-item-1 {
background: red !important;
}

[data-test="app-vertical-list"] .selected-item-list-item-2 {
background: green !important;
}

[data-test="app-vertical-list"] .selected-item-list-item-4 {
background: black !important;
}

[data-test="app-vertical-list"] .selected-item-list-item-5 {
background: blue !important;
}

[data-test="app-vertical-list"] .textStyle {
color: white;
}

[data-test="app-vertical-list"] .navigationIcon {
color: white;
}

```

---

_[View the full topic](https://community.glideapps.com/t/inline-list-color/40921)._