Text wrapping for Overlay Inline List

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!

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

Oh, I mean the text style position.

Example seen here:
banner1

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

Cloudinary, maybe?

2 Likes

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

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

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;
}
5 Likes

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!

2 Likes

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

1 Like

Thank you!

1 Like