# Font and size

**URL:** <https://community.glideapps.com/t/font-and-size/48605>\
**Category:** Ask for Help\
**Created:** [September 5, 2022, 8:32am UTC](https://community.glideapps.com/t/font-and-size/48605 "2022-09-05T08:32:09Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![hango1311](https://avatars.discourse-cdn.com/v4/letter/h/f4b2a3/32.png) [@hango1311](https://community.glideapps.com/u/hango1311)\
**Post date:** [September 5, 2022, 8:32am UTC](https://community.glideapps.com/t/font-and-size/48605/1 "2022-09-05T08:32:09Z")

</div>

good evening everyone!!  
how can i change font and size in glide.  
and may we can change the tag color  
for example: if it is available, i will be in green and if it is unavailable, it will be red.

thank for your helping!!

 ![スクリーンショット (246)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/0/30d07c97c85896a4f22b1e836fec0625c5d01070.jpeg)

---

<div class="post-metadata">

**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\
**Post date:** [September 5, 2022, 4:28pm UTC](https://community.glideapps.com/t/font-and-size/48605/2 "2022-09-05T16:28:03Z")

</div>

Go to Settings, Appearance:  
 ![Umdeni -Farmer](https://us1.discourse-cdn.com/flex002/uploads/glideapps/optimized/3X/f/2/f2d2090b98c9a0251a56148c0a397df18586a8d9_2_490x500.jpeg)

The tag color can’t be dynamic, but you can use an If-then-else column to make the avatar dynamic, there are a bunch of tutorials here in the forum.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [September 5, 2022, 11:06pm UTC](https://community.glideapps.com/t/font-and-size/48605/3 "2022-09-05T23:06:42Z")

</div>

The possibilities to adjust font color and size are limited in Glide.

A few ideas:

- As Jesus suggests, Settings → Appearance. There you can adjust the project’s accent color and typography.
- Hint text components: different moods are available.
- Buttons: different moods are available
- Conditional colors: I would add colorful emojis in the data (tables). For example “🟢 Available” and “🔴 Out of stock”. Conditional colors for the background of tag overlays on cards are not possible.
- In cards and tiles, you can adjust the font size to 3 sizes, though in cards the header (text with accent color) will be ignored.
- The rich text and text components allow you to change the font size and alignment.
- In a Pages project, there are a few choices of background colors you can choose from for both containers and the navigation section (either left vertical or top horizontal).
- Some make use of CSS which is not supported by Glide unless otherwise indicated (such as in Pages).

---

<div class="post-metadata">

**Author:** ![hango1311](https://avatars.discourse-cdn.com/v4/letter/h/f4b2a3/32.png) [@hango1311](https://community.glideapps.com/u/hango1311)\
**Post date:** [September 6, 2022, 12:06am UTC](https://community.glideapps.com/t/font-and-size/48605/4 "2022-09-06T00:06:50Z")

</div>

> [@eltintero](#):
>
> The tag color can’t be dynamic, but you can use an If-then-else column to make the avatar dynamic, there are a bunch of tutorials here in the forum.

thank for your answer.  
can you explaind more about “avatar dynamic”.  
is it meaning when we use “if-then-else” if it is true, ○○ of words will be appeared ,  
then it is false another words will be appeared.  
is it right?

---

<div class="post-metadata">

**Author:** ![hango1311](https://avatars.discourse-cdn.com/v4/letter/h/f4b2a3/32.png) [@hango1311](https://community.glideapps.com/u/hango1311)\
**Post date:** [September 6, 2022, 12:15am UTC](https://community.glideapps.com/t/font-and-size/48605/5 "2022-09-06T00:15:28Z")

</div>

thanks your support!  
in a pages project → is it meaning in setting or in layout  
and may we setting color of the background in every layout???

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [September 6, 2022, 12:30am UTC](https://community.glideapps.com/t/font-and-size/48605/6 "2022-09-06T00:30:00Z")

</div>

I’m not sure what you mean by “dynamic avatar”. Maybe this is when a user creates their profile but they do not upload their picture. In this case, we can give them a default avatar.

One method: use the “generate image” column and set this as the image in the user profile.

Another method: see the topic where @Robert_Petitto explains how he [generates dynamic avatars](https://community.glideapps.com/t/boring-avatars-my-new-favorite-avatar-generator/39009).

I possibly totally misunderstood your question, if so my apologies.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [September 6, 2022, 12:32am UTC](https://community.glideapps.com/t/font-and-size/48605/7 "2022-09-06T00:32:38Z")

</div>

When you first create a project from your Glide dashboard, you are asked if the project is an mobile app (Glide Apps) or a web app (Glide Pages).

I have the feeling you are working on a mobile app, but should your project be a web app, you can change the color of the background of containers (containers only exist in Pages).

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [September 6, 2022, 12:43am UTC](https://community.glideapps.com/t/font-and-size/48605/8 "2022-09-06T00:43:58Z")

</div>

By “avatar” I think @hango1311 is referring to the Avatar field in the tile/cards component.

---

<div class="post-metadata">

**Author:** ![hango1311](https://avatars.discourse-cdn.com/v4/letter/h/f4b2a3/32.png) [@hango1311](https://community.glideapps.com/u/hango1311)\
**Post date:** [September 6, 2022, 3:07am UTC](https://community.glideapps.com/t/font-and-size/48605/9 "2022-09-06T03:07:28Z")

</div>

thank Robert for your comment.  
yeah,  
i’m referring to tag overlays on cards

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [September 6, 2022, 8:05am UTC](https://community.glideapps.com/t/font-and-size/48605/10 "2022-09-06T08:05:46Z")

</div>

To dynamically change the text of the tag overlay based on a number in the stock column, as you suggested you can use the if-then-else computed column.

For example:

- Basic column, number: Stock
- If-then-else computed column: If “stock” = 0, then “Out of stock”, else “In stock”
- Point the tag overlay to the if-then-else column.

You can add colored emojis to the text to make the tag more visual.
