# Text wrapping for Overlay Inline List

**URL:** <https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162>\
**Category:** Ask for Help\
**Created:** [December 21, 2020, 11:46pm UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162 "2020-12-21T23:46:39Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 21, 2020, 11:46pm UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/1 "2020-12-21T23:46:39Z")

</div>

Hi!

I would like to add text wrapping to my overlay text for an inline list in tile style. I see this is not possible, only when the text is below the image. Does anyone know of a workaround?

Thanks!

---

<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 21, 2020, 11:51pm UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/2 "2020-12-21T23:51:41Z")

</div>

So are you mentioning the “tag” when you say the “overlay text”?

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 22, 2020, 12:00am UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/3 "2020-12-22T00:00:53Z")

</div>

Oh, I mean the text style position.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 22, 2020, 2:41am UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/4 "2020-12-22T02:41:06Z")

</div>

Example seen here:  
 ![banner1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/1/81ede0d228b7b74488a044a108e851482a84e689.jpeg)

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 22, 2020, 8:55pm UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/5 "2020-12-22T20:55:44Z")

</div>

Is there another way to have overlay text that doesnt get cut off on an image?

---

<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 22, 2020, 11:50pm UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/6 "2020-12-22T23:50:35Z")

</div>

Cloudinary, maybe?

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 23, 2020, 1:26am UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/7 "2020-12-23T01:26:49Z")

</div>

Was trying too hard to work with the options on glide, but yes that can work! I was limiting myself to the overlay. Thanks!!

---

<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 23, 2020, 2:47am UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/8 "2020-12-23T02:47:15Z")

</div>

Sorry Jen, I was busy yesterday so I will try now with a CSS workaround for you.

---

<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 23, 2020, 2:55am UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/9 "2020-12-23T02:55:19Z")

</div>

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

I assume you want a wrapping option like this, for both title & description parts.

I used this CSS but it targets the class name though, it can break any time so be wary.

```
<pre><span><style>
.lnscoz .tile-title{
white-space: break-spaces;
}
.lnscoz .tile-subtitle {
white-space: break-spaces;
}
```

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 23, 2020, 3:12am UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/10 "2020-12-23T03:12:01Z")

</div>

No worries! Oh I might able to use this in another section! For this, I ended up just applying text and graphics over an image in a design tool.

Thanks!

---

<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 23, 2020, 3:13am UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/11 "2020-12-23T03:13:09Z")

</div>

My class name “lnscoz” and yours might be different, so let me know if you need further help with it.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [December 23, 2020, 4:56am UTC](https://community.glideapps.com/t/text-wrapping-for-overlay-inline-list/20162/12 "2020-12-23T04:56:52Z")

</div>

Thank you!