# 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:** 2

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

</div>

Great to see!

---

<div class="post-metadata">

**Author:** ![christoph](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christoph/32/22794_2.png) [@christoph](https://community.glideapps.com/u/christoph)\
**Post date:** [April 26, 2021, 4:59pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/22 "2021-04-26T16:59:37Z")

</div>

Thank you for your css example.  
Having tried to change the color of the subtitle of the action text, but it didn’t work.  
Maybe you have an idea…?  
Do you also know how to reduce the white space between the two action text items?  
Thanks!

![action text subtitle color 1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/8/08785e47afae376ac8e6b40e4e2cde5d9948358b.png)  
 ![action text subtitle color 2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/d/8dd40d6b47808a706783e2cba6724ce900bf0d91.png)

---

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

</div>

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

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

```

Seems like you don’t have a title for that second element. I would advise against using CSS here because we don’t have a way to hide the unused title space without affecting the other action texts on the same screen.

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [April 27, 2021, 3:21am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/24 "2021-04-27T03:21:46Z")

</div>

Hi,

What if I want to change the color of “Submit” button?

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/0/409846fbce316ee0b72de2a1f3a7659db1f79326.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 27, 2021, 3:58am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/25 "2021-04-27T03:58:37Z")

</div>

Only specific to that button, or for the other buttons on that screen as well?

It’s a bit tricky because an easy change would affect all buttons, to get that to the specific button only would be more difficult.

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [April 27, 2021, 4:03am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/26 "2021-04-27T04:03:39Z")

</div>

Only that button .  
hmmm ok never mind.  
Let it be. haha

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [April 28, 2021, 1:08am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/27 "2021-04-28T01:08:33Z")

</div>

Hi Claudio,

Sorry to interrupt but can I know how you change the background?

> [@Claudio\_Balbino](#):
>
> I will change the background, the idea and leave the texts inside the inline list in white

---

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

</div>

Hi @biha,

I change the background with a rich text, which captures the code of a template column.

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

If you need more details just ask

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [April 28, 2021, 3:08am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/29 "2021-04-28T03:08:15Z")

</div>

But what size is the image is ?

---

<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 28, 2021, 3:23am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/30 "2021-04-28T03:23:45Z")

</div>

I use 540x1040 pixels

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [April 28, 2021, 3:44am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/31 "2021-04-28T03:44:22Z")

</div>

Mine suppose to be like this:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/d/7dbd370f72312f0c8d08ca7de705ab297ee0befa.jpeg)  
But why it going like this?

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

No button. Got covered by the background. haha

---

<div class="post-metadata">

**Author:** ![christoph](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christoph/32/22794_2.png) [@christoph](https://community.glideapps.com/u/christoph)\
**Post date:** [April 28, 2021, 8:03am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/32 "2021-04-28T08:03:58Z")

</div>

Sure, I do have a title but I don’t have a subtitle in the second element. Funny enough, for the action text element the subtitle is above the title and has a larger font.

In the end I wanted to use the subtitle in a different color as the title is too small compared to a standard text in other rich text elements which I have on that screen

Do you know why my css for the subtitle didn’t work?

---

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

</div>

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

Just to make sure I get you right, do you mean the text in the “Design \> Title” part?

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

```

It’s textDetailStyle not textStyle, the reason why your CSS did not work.

---

<div class="post-metadata">

**Author:** ![christoph](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christoph/32/22794_2.png) [@christoph](https://community.glideapps.com/u/christoph)\
**Post date:** [April 28, 2021, 8:21am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/34 "2021-04-28T08:21:51Z")

</div>

Perfekt, @ThinhDinh thank you so much.

---

<div class="post-metadata">

**Author:** ![Laurent\_Maleville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/laurent_maleville/32/8643_2.png) [@Laurent\_Maleville](https://community.glideapps.com/u/Laurent_Maleville)\
**Post date:** [May 3, 2021, 8:39pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/35 "2021-05-03T20:39:57Z")

</div>

Hi @ThinhDinh,  
Thanks for your help,  
Do you know a solution to have a colour of the « group option » in inline list  
I make a group by shops and i would like change the colour

Thanks

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/6/964ff7f276e91444e17225cd456a4a8ad8346121.jpeg)  
e

---

<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:** [May 3, 2021, 11:41pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/36 "2021-05-03T23:41:05Z")

</div>

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

I’m not quite sure using “role = cell” might affect other components in your screen or not, as I have only 1 inline list here, but you can try it.

```
<pre><span><style>
[role="cell"] >div > div {
color: #800200;
}
```

---

<div class="post-metadata">

**Author:** ![Laurent\_Maleville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/laurent_maleville/32/8643_2.png) [@Laurent\_Maleville](https://community.glideapps.com/u/Laurent_Maleville)\
**Post date:** [May 4, 2021, 6:11am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/37 "2021-05-04T06:11:37Z")

</div>

Hi @ThinhDinh  
Perfect, it works!  
Thank you so much

---

<div class="post-metadata">

**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\
**Post date:** [July 4, 2021, 11:55am UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/38 "2021-07-04T11:55:01Z")

</div>

Hi  
I have been scrolling down your list of CSS scripts to change various font colors etc  
Can you advise how to change these three elements ?  
Email entry - Title & Placeholder  
Rating - Title  
Text Entry - Title & Placeholder

Hopefully colour and if possible size?

 ![Screenshot 2021-07-04 at 13.49.24](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/6/868b3bce4539887bc4d5048044d77b4825ad1b9c.png)

many thanks  
Mike

---

<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:** [July 4, 2021, 12:07pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/39 "2021-07-04T12:07:14Z")

</div>

What color do you want to change them to?

---

<div class="post-metadata">

**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\
**Post date:** [July 4, 2021, 12:29pm UTC](https://community.glideapps.com/t/change-text-color-of-the-inline-list/25218/40 "2021-07-04T12:29:36Z")

</div>

Black will do and then I can change to another color if necessary…  
Thanks

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

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