Page 1 of 1

The text does not break inside the grid

Posted: Fri Jun 05, 2020 2:55 am
by Lemoner
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

Re: The text does not break inside the grid

Posted: Fri Jun 05, 2020 3:33 am
by crispy68
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?

Re: The text does not break inside the grid

Posted: Fri Jun 05, 2020 3:39 am
by Lemoner
Thank you so much!