# How to write to display some colored text

**URL:** <https://community.glideapps.com/t/how-to-write-to-display-some-colored-text/76656>\
**Category:** Ask for Help\
**Created:** [September 26, 2024, 11:00pm UTC](https://community.glideapps.com/t/how-to-write-to-display-some-colored-text/76656 "2024-09-26T23:00:09Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thibault\_Mazur](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thibault_mazur/32/79481_2.png) [@Thibault\_Mazur](https://community.glideapps.com/u/Thibault_Mazur)\
**Post date:** [September 26, 2024, 11:00pm UTC](https://community.glideapps.com/t/how-to-write-to-display-some-colored-text/76656/1 "2024-09-26T23:00:09Z")

</div>

Hi there,

I’m brand new into glide.  
I’m working on a form, and in the end, before submitting, I’m showing a recap of the information given.  
With some if-then-else column, I also display, in a field component, the missing information.  
I’d like to write “missing information” in red to catch attention about it but don’t know how to do it.

I 've tried to return an image, but hte image is too tiny to be read.

I’m thinking about using CSS or HTML as Markdown doesn’t allow to color text but I don’t find out how to do it.  
Do I absolutely have to get a billed plan to use CSS style?

Can someone give me a hand to ravel out this issue? 🙏

Hope my first post isn’t an useless one already covered somewhere, but I didn’t find anything about this basic issue 😅

Many thanks in advance for any kind of help 🫶

---

<div class="post-metadata">

**Author:** ![Thibault\_Mazur](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thibault_mazur/32/79481_2.png) [@Thibault\_Mazur](https://community.glideapps.com/u/Thibault_Mazur)\
**Post date:** [September 26, 2024, 11:03pm UTC](https://community.glideapps.com/t/how-to-write-to-display-some-colored-text/76656/2 "2024-09-26T23:03:15Z")

</div>

Some image worth a 1000 words:

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

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [September 26, 2024, 11:19pm UTC](https://community.glideapps.com/t/how-to-write-to-display-some-colored-text/76656/3 "2024-09-26T23:19:58Z")

</div>

Hi @Thibault_Mazur, an easy way to display red text is to use a text component and display as meta text.  
Another way is to create a template column, input your HTML and use a rich text component to display it.

For example:

```auto
<div style="text-align: center;">
  <span style="font-size: 32px; color: red;">Your Text Here</span>
</div>

```

Replace “Your Text Here” with your if-then-esle column result.  
You can adjust the code as needed.

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [September 26, 2024, 11:44pm UTC](https://community.glideapps.com/t/how-to-write-to-display-some-colored-text/76656/4 "2024-09-26T23:44:50Z")

</div>

Here are some images to help guide you:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/c/9c134f56b0d1c97d95313cb90ba2bbd2dade8f2f.jpeg)  
OR

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

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

---

<div class="post-metadata">

**Author:** ![Thibault\_Mazur](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thibault_mazur/32/79481_2.png) [@Thibault\_Mazur](https://community.glideapps.com/u/Thibault_Mazur)\
**Post date:** [September 27, 2024, 8:28am UTC](https://community.glideapps.com/t/how-to-write-to-display-some-colored-text/76656/5 "2024-09-27T08:28:01Z")

</div>

Hi @Sekayi_Liburd

Many thanks for your help, it does work perfectly 👌

While trying it, I’m also understanding that rich text can display some HTML code, which wasn’t really clear for me when I read about Rich text on glide docs.

The text-align tag doesn’t seem to work very well but I’m pretty sure it is because I’m in a field component.

However, I thank you a lot for your instructive answer and for your time and wish you the greatest possible day ! 🫡

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [September 27, 2024, 9:42am UTC](https://community.glideapps.com/t/how-to-write-to-display-some-colored-text/76656/6 "2024-09-27T09:42:54Z")

</div>

I’m glad I was able to help!  
Maybe some of our CSS experts can help with the alignment within the field component.  
@Himaladin  
@ThinhDinh

---

<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:** [October 4, 2024, 9:43am UTC](https://community.glideapps.com/t/how-to-write-to-display-some-colored-text/76656/7 "2024-10-04T09:43:55Z")

</div>

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