# Change text-color of TITLE component

**URL:** <https://community.glideapps.com/t/change-text-color-of-title-component/55392>\
**Category:** Ask for Help\
**Created:** [December 4, 2022, 12:50pm UTC](https://community.glideapps.com/t/change-text-color-of-title-component/55392 "2022-12-04T12:50:55Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)\
**Post date:** [December 4, 2022, 12:50pm UTC](https://community.glideapps.com/t/change-text-color-of-title-component/55392/1 "2022-12-04T12:50:56Z")

</div>

Hello, I would like to change the text color of a TITLE component.  
Can someone give me a hand with the CSS code, thanks in advance.

 ![Sin título](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/6/76ec4905ca4c39b89c46f908eacbf9c6710f377c.jpeg)

---

<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:** [December 4, 2022, 12:55pm UTC](https://community.glideapps.com/t/change-text-color-of-title-component/55392/2 "2022-12-04T12:55:49Z")

</div>

I think the below is the one you need. You’ll just need to add appropriate CSS attributes for text colour.

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://glidecommunity.notion.site/Restyling-title-component-73f2c4545cad45aba9012b44acaa3a0e)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

---

<div class="post-metadata">

**Author:** ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)\
**Post date:** [December 4, 2022, 1:05pm UTC](https://community.glideapps.com/t/change-text-color-of-title-component/55392/3 "2022-12-04T13:05:52Z")

</div>

Thanks Darren, I’ve tried the code and it doesn’t work for me. Could it be because the data contained in the TITLE component is a TEMPLATE?

 ![Sin título](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/9/a99d576b3f3aea55259b13ed70ab00355866a6f6.jpeg)

---

<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:** [December 4, 2022, 1:37pm UTC](https://community.glideapps.com/t/change-text-color-of-title-component/55392/4 "2022-12-04T13:37:19Z")

</div>

yeah, not sure. CSS is not one of my strong points.

@ThinhDinh might be able to help with this one.

---

<div class="post-metadata">

**Author:** ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)\
**Post date:** [December 4, 2022, 1:45pm UTC](https://community.glideapps.com/t/change-text-color-of-title-component/55392/5 "2022-12-04T13:45:36Z")

</div>

Thanks @Darren_Murphy 🙂

---

<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:** [December 5, 2022, 1:01am UTC](https://community.glideapps.com/t/change-text-color-of-title-component/55392/6 "2022-12-05T01:01:02Z")

</div>

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

[data-test="app-summary"] >div :nth-of-type(1) {
color: blue;
}

```

Please try this instead.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/a/0afd7c90158815ec239f3b8b7606b5a081dd493c.jpeg)

---

<div class="post-metadata">

**Author:** ![callahan\_70](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/callahan_70/32/24725_2.png) [@callahan\_70](https://community.glideapps.com/u/callahan_70)\
**Post date:** [December 5, 2022, 5:24pm UTC](https://community.glideapps.com/t/change-text-color-of-title-component/55392/7 "2022-12-05T17:24:27Z")

</div>

it works @ThinhDinh !! Thanks so much for your help !!! 🙂 🙂 🙂

---

<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:** [December 6, 2022, 5:24pm UTC](https://community.glideapps.com/t/change-text-color-of-title-component/55392/8 "2022-12-06T17:24:44Z")

</div>

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