# Text size in Collections

**URL:** https://community.glideapps.com/t/text-size-in-collections/72403
**Category:** Ask for Help
**Created:** [April 8, 2024, 11:33pm UTC](https://community.glideapps.com/t/text-size-in-collections/72403 "2024-04-08T23:33:34Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)
#### Post date: [April 8, 2024, 11:33pm UTC](https://community.glideapps.com/t/text-size-in-collections/72403/1 "2024-04-08T23:33:34Z")

</div>

Hey all!

I have a collection set to show 1 item. When a user taps the collection, it randomly selects another item from the list. It’s a random name generator so I need the text to be a lot bigger than the collection default.

Ideally the text would be overlayed on top of an image. I’m using Cloudinary to achieve it but for this use case the render lag is too great for it to be a solution.

1. Does Glide plan to reintroduce the overlay feature with tiles and images that exists with classic apps?

2. Does anyone know of a third party avatar generator that allows you to append a text column onto an image? Dicebear let’s you do initials but I need the whole word. I’ve found that avatar generators produce urls that can be used with no lag.

3. Is there a way to leverage Cloudinary to produce a url with the desired result and then use another column to capture that and ‘hardcode’ it into another column? This would solve the lag issue.

---

<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 8, 2024, 11:42pm UTC](https://community.glideapps.com/t/text-size-in-collections/72403/2 "2024-04-08T23:42:33Z")

</div>

> [@Dan76](#):
>
> Does Glide plan to reintroduce the overlay feature with tiles and images that exists with classic apps?

I have no idea on this, but wasn’t that also using Cloudinary?

> [@Dan76](#):
>
> I’ve found that avatar generators produce urls that can be used with no lag.

Can you give an example? Wouldn’t that still subject to the fact that you’re generating an image on the fly and needs time to process it after the user click?

---

<div class="post-metadata">

### Author: ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)
#### Post date: [April 9, 2024, 12:18am UTC](https://community.glideapps.com/t/text-size-in-collections/72403/3 "2024-04-09T00:18:22Z")

</div>

Thanks for your quick reply ThinhDinh. I’m not sure if Glide were using Cloudinary for their overlay features, but there were never any issues with lag so…maybe not?

I thought the same thing about the avatar generators but they seem to allow for instant rendering. To show you what I mean, I set up this example a couple minutes ago and it works perfectly without any lag. None of the images had been rendered before so it’s not related to caching.

![Untitled video - Made with Clipchamp (2)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/f/bf5b2edacefab0a78f94fa137507213cae461c63.gif)

And here are the actual avatars, produced by Dicebear. Again, rendering is instant but the text (which is supposed to be the focus) is tiny.

![Untitled video - Made with Clipchamp (1)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/a/5ade26b905e07cdf0bea991b7d96df2ac8ac823c.gif)

If I try the same thing with Cloudinary, there is a delay of 3-4 seconds between each one appearing

---

<div class="post-metadata">

### Author: ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)
#### Post date: [April 9, 2024, 12:56am UTC](https://community.glideapps.com/t/text-size-in-collections/72403/4 "2024-04-09T00:56:49Z")

</div>

The first gif is really close to what I need but I can’t get it to overlay the whole word, only the first 2 characters.

---

<div class="post-metadata">

### Author: ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)
#### Post date: [April 9, 2024, 6:17am UTC](https://community.glideapps.com/t/text-size-in-collections/72403/5 "2024-04-09T06:17:20Z")

</div>

if you are on a maker plan or above, you can change the text size using css.

if you want the overlay, if you can use a custom collection you can place a rich text component with html inside it to achieve something like this. I have an overlay text if a unit is “Priority Listing” and another overlay showing the Unit ID.

 ![Screenshot 2024-04-09 at 9.12.49 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/f/0fc030ff9e0e378908e50b4d1eee99e1ecb5778c.jpeg)

---

<div class="post-metadata">

### Author: ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)
#### Post date: [April 9, 2024, 6:59am UTC](https://community.glideapps.com/t/text-size-in-collections/72403/6 "2024-04-09T06:59:16Z")

</div>

Thanks Abdo, it’s legacy non-profit so no CSS. That looks like it would be ideal though

---

<div class="post-metadata">

### Author: ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)
#### Post date: [April 9, 2024, 7:55am UTC](https://community.glideapps.com/t/text-size-in-collections/72403/7 "2024-04-09T07:55:55Z")

</div>

you don’t need css to do that… i will post a video here to explain how

---

<div class="post-metadata">

### Author: ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)
#### Post date: [April 9, 2024, 8:08am UTC](https://community.glideapps.com/t/text-size-in-collections/72403/8 "2024-04-09T08:08:03Z")

</div>

Ah re-read your comment - thought you meant CSS would be needed for an overlay. Cheers that would be great 🙂 (if you don’t want to go to the trouble of making a video the html code should be fine, I’ll try and figure out the rest).

---

<div class="post-metadata">

### Author: ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)
#### Post date: [April 10, 2024, 5:54am UTC](https://community.glideapps.com/t/text-size-in-collections/72403/9 "2024-04-10T05:54:44Z")

</div>

apologies for the late reply, here is the video. To make it work, make sure not to leave empty lines within the html.

![](https://sea2.discourse-cdn.com/flex020/user_avatar/community.glideapps.com/abdo/48/36540_2.png) [How to overlay text on images](https://community.glideapps.com/t/how-to-overlay-text-on-images/72437) [Community Resources](https://community.glideapps.com/c/resources/24)
