# How to change color on link text

**URL:** <https://community.glideapps.com/t/how-to-change-color-on-link-text/28864>\
**Category:** Ask for Help\
**Created:** [July 8, 2021, 3:20pm UTC](https://community.glideapps.com/t/how-to-change-color-on-link-text/28864 "2021-07-08T15:20:19Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Roshan\_Abrew](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/roshan_abrew/32/26773_2.png) [@Roshan\_Abrew](https://community.glideapps.com/u/Roshan_Abrew)\
**Post date:** [July 8, 2021, 3:20pm UTC](https://community.glideapps.com/t/how-to-change-color-on-link-text/28864/1 "2021-07-08T15:20:19Z")

</div>

Hi, I have used few links in my app. those link’s text display by white color. how to change color that text. please help on this…  
 ![link](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/5/955eb191cb0d0168f17beb832a2aeb027f738936.jpeg)

---

<div class="post-metadata">

**Author:** ![AymenM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aymenm/32/21370_2.png) [@AymenM](https://community.glideapps.com/u/AymenM)\
**Post date:** [July 8, 2021, 11:49pm UTC](https://community.glideapps.com/t/how-to-change-color-on-link-text/28864/2 "2021-07-08T23:49:35Z")

</div>

I’m not sure you can do so with current settings, probably CSS is the way to go 🙂

---

<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 8, 2021, 11:58pm UTC](https://community.glideapps.com/t/how-to-change-color-on-link-text/28864/3 "2021-07-08T23:58:15Z")

</div>

What color do you want to change it to?

---

<div class="post-metadata">

**Author:** ![Roshan\_Abrew](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/roshan_abrew/32/26773_2.png) [@Roshan\_Abrew](https://community.glideapps.com/u/Roshan_Abrew)\
**Post date:** [July 9, 2021, 3:42am UTC](https://community.glideapps.com/t/how-to-change-color-on-link-text/28864/4 "2021-07-09T03:42:13Z")

</div>

blue color

---

<div class="post-metadata">

**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\
**Post date:** [July 9, 2021, 7:08am UTC](https://community.glideapps.com/t/how-to-change-color-on-link-text/28864/5 "2021-07-09T07:08:33Z")

</div>

Use rich text and add before the text.  
If you are using column data, you might have to create template columns. Also with rich text, you can define the size, font style, orientation etc too with some Markup language.  
Luckily Glide has launched actions on rich text so you can configure the action you need.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [July 9, 2021, 7:27am UTC](https://community.glideapps.com/t/how-to-change-color-on-link-text/28864/6 "2021-07-09T07:27:08Z")

</div>

Hello, @Roshan_Abrew  
You can use a little CSS to change the color of the link.

~~

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

#list-item-lf-Web {
color:blue;
}

</style></span></pre>

```

~~

**EDIT :::::::::::::**

Here is another version:  
The name of the tag is dependent on the title associated with the component!  
(I think it’s new, well I never paid attention ;-))

In my example the title is “Mon site Web” so the tag name is [id = “list-item-lf-Mon site Web”]. This helps to differentiate the components.  
It is therefore necessary to adjust the name of the tag according to the title!

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

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

[id="list-item-lf-Mon site Web"] {
color:blue !important;
}

</style></span></pre>

```

There is a similar topic which corresponds to the same problem.

> [@CSS required to make the email address smaller](https://community.glideapps.com/t/ccs-required-to-make-the-email-address-smaller/28881):
>
> Can one of you wonderfully cleaver coders please work out the code to make the email address appear smaller Thanks