# Change text color of the inline list

**URL:** <https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218>\
**Category:** Ask for Help\
**Created:** [April 6, 2021, 4:36pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218 "2021-04-06T16:36:05Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 6, 2021, 4:36pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/1 "2021-04-06T16:36:05Z")

</div>

it is possible to change the color of the inline text with css ?

---

<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:** [April 6, 2021, 4:40pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/2 "2021-04-06T16:40:40Z")

</div>

The answer is probably yes, but you need to be more specific.  
There are lots of components that display text, but none of them are called “inline text”  
ie. Are you referring to a Text component, a Basic Table, a Rich Text Component, an Action Text Component, an Inline List, or…?

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 6, 2021, 4:47pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/3 "2021-04-06T16:47:10Z")

</div>

I want to change the text color of a specific inline list

---

<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:** [April 6, 2021, 4:57pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/4 "2021-04-06T16:57:33Z")

</div>

Okay. Yes, that should be possible, although the class names vary depending on the type of list layout and which text element needs to be changed.

A screenshot would probably be helpful

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 6, 2021, 5:04pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/5 "2021-04-06T17:04:12Z")

</div>

![Capturar](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/a/6a3dd701a475674fc3c7e90af2635f3b33d26c1a.jpeg) Uploading: Capturar.JPG…

---

<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 6, 2021, 11:26pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/6 "2021-04-06T23:26:09Z")

</div>

So the “Seja bem vindo” part needs to be changed?

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 6, 2021, 11:29pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/7 "2021-04-06T23:29:15Z")

</div>

All texts within the inline list

---

<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 6, 2021, 11:47pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/8 "2021-04-06T23:47:07Z")

</div>

Does the title need to be changed to and what color do you want it to be?

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 6, 2021, 11:57pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/9 "2021-04-06T23:57:48Z")

</div>

I will change the background, the idea and leave the texts inside the inline list in white

---

<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 7, 2021, 12:12am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/10 "2021-04-07T00:12:46Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/b/4b46f1b7d9c5019b5f38abaa115484a70865ccbf.png)

Here’s the code for changing the title text and details text.

```
<pre><span><style>
[data-test="list-item"] .textStyle{
color: red;
}
[data-test="list-item"] .textDetailStyle{
color: black;
}
```

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 7, 2021, 12:17am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/11 "2021-04-07T00:17:17Z")

</div>

@ThinhDinh thank you! problem solved. 👍 👏

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 7, 2021, 12:21am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/12 "2021-04-07T00:21:25Z")

</div>

@ThinhDinh to change the color of the title of the inline list as it would be?

---

<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 7, 2021, 12:25am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/13 "2021-04-07T00:25:10Z")

</div>

```
<pre><span><style>
[data-test="list-item"] .textStyle{
color: red;
}
[data-test="list-item"] .textDetailStyle{
color: black;
}
[data-test="app-vertical-list"] >div >div {
color: gold;
}

```

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

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 7, 2021, 12:30am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/14 "2021-04-07T00:30:34Z")

</div>

Very good … thanks again!

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 7, 2021, 1:12am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/15 "2021-04-07T01:12:55Z")

</div>

@ThinhDinh … Result with changes 👍 😉

 ![Capturar](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/7/572810f5c7c03c640afd0243859d9e5eec994e21.jpeg)

---

<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 7, 2021, 1:24am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/16 "2021-04-07T01:24:13Z")

</div>

Looks good! Do you want me to help with the separator of the lists and the “\>” icon as well? I think making them all white would be nice.

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 7, 2021, 1:31am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/17 "2021-04-07T01:31:26Z")

</div>

I want

---

<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 7, 2021, 1:37am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/18 "2021-04-07T01:37:46Z")

</div>

Let’s try this.

```
<pre><span><style>
[data-test="list-item"] .textStyle{
color: red;
}
[data-test="list-item"] .textDetailStyle{
color: white;
}
[data-test="app-vertical-list"] >div >div {
color: gold;
}
[class="navigationIcon"] >*{
color: white;
}
[data-test="list-item"].separator::after {
background-color: white;
height: 0.5px;
}

```

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

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 7, 2021, 1:39am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/19 "2021-04-07T01:39:59Z")

</div>

wow … it really got a lot better

very, very grateful

---

<div class="post-metadata">

**Author:** ![Claudio\_Balbino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/claudio_balbino/32/33691_2.png) [@Claudio\_Balbino](https://community.glideapps.com/u/Claudio_Balbino)\
**Post date:** [April 7, 2021, 1:41am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/20 "2021-04-07T01:41:17Z")

</div>

![Capturar](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/6/66cba6ce403d72661399cb1f70174aef9f5668e4.jpeg)

[Next page](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218.md?page=2)