Page 1 of 1

*SOLVED* Weird Text object behavior, 320-Breakpoint *SOLVED*

Posted: Sun Nov 07, 2021 6:09 pm
by etcbbu
Howdy all,

Please view this page:

[EDIT]

I have a question about the third Text object down, on the part of the page in the list of articles. It's the one called [EDIT]

Notice how when you look at this page in a 320-Breakpoint browser window, it forces-over the page and then messes up the entire page-design because it does not do a line-break to keep it all within the 320-Breakpoint Viewport. Why is it only this one that is messing up like this? Notice how all of the rest of the articles on the page function correctly. Why only this one? I feel like at some point in the past, it may have had something to do with the "dash" or "hyphen" character:

-

being the final character before a line-break, and that may cause havoc, but I don't think that's what is happening here.

Any ideas..?

Re: Weird Text object behavior, 320-Breakpoint

Posted: Sun Nov 07, 2021 7:45 pm
by crispy68
That's because your link is really long and overflows the container and will break only in certain areas.

Simply add the following CSS to fix it:

Code: Select all

<style>
#wb_makemytechxittechinthenewsText10{word-break:break-word;}
</style>
OR

You should be able to simply right click on the text object, choose Object HTML, click on Custom Style and add the following:

Code: Select all

word-break:break-word;

Re: Weird Text object behavior, 320-Breakpoint

Posted: Sun Nov 07, 2021 8:13 pm
by etcbbu
@crispy68 - The second one worked like a charm, thank you!

However, could you educate me about something (that's probably not) related?

As I was trying to fix it on my own, I was going to the Properties of every Text object on that page, and I was changing the

"Layout - Full width"

option from "true" to "false". Again, it was my being dumb, trying to figure out how to stop it from line-breaking.

But every time EVER that I use a Text object, on, like, EVERY project ever, I just always keep that "Layout - Full width" kept set to its default, "true".

Can you explain to me what this "Layout - full width", then "false" or "true" is talking about? I'm just curious to learn.

Re: *SOLVED* Weird Text object behavior, 320-Breakpoint *SOLVED*

Posted: Sun Nov 07, 2021 8:18 pm
by crispy68
The 'Full Width' option is if you are using the text object in a layout grid. By default, text inside a layout grid uses the full width of its container. Setting it to False allows the text to be a fixed size in a grid.

If you are simply adding it to the page or a regular layer, it has no effect.

Re: *SOLVED* Weird Text object behavior, 320-Breakpoint *SOLVED*

Posted: Sun Nov 07, 2021 8:27 pm
by etcbbu
👍
muchas gracias~