The text does not break inside the grid

Lemoner · Post by **Lemoner** » Fri Jun 05, 2020 2:55 am

The text does not break inside the grid when setting the text size more than 26. I tried all kinds of text elements but unsuccessfully. This is not the first time I've been observing this problem.
Here is the project: https://yadi.sk/d/ekSaMNHTs5OGow

crispy68 · Post by **crispy68** » Fri Jun 05, 2020 3:33 am

1. Why are you using a card for just text? Why not use a text object?
2. What do you exactly mean by 'break inside the grid'? Do you mean wrap to the next line? If so, they do up to a point. Your words are too long for 1 line and so wont wrap.
3. If #2 is correct, why not add breakpoints and then reduce the size of the text in the breakpoints.
4. Other option is to force the word to 'break' and wrap. To do this, add the following for your example:

Go to Page --> Page Properties --> Page HTML --> Between <head></head> tags

Code: Select all

<style>
#Card2-card-item0 h1{word-break: break-all;}
</style>

If this doesn't answer your question, can you be a bit more specific on the issue?

Lemoner · Post by **Lemoner** » Fri Jun 05, 2020 3:39 am

Thank you so much!

www.wysiwygwebbuilder.com

The text does not break inside the grid

The text does not break inside the grid

Re: The text does not break inside the grid

Re: The text does not break inside the grid