-
Posts
-
I’m getting a lot of very odd line breaks in the middle of sentences. Places where there’s plenty of room on the line, but randomly the line of text will break onto a new line. Overriding line 39 in base.css “* { -moz-box-sizing: border-box;; -webkit-box-sizing: border-box;; box-sizing: border-box; }” fixes the line breaks. Is this really needed for anything else in Enfold? Will it break responsive layouts or anything like that if I overwrite it?
Hey calebcuster,
Thank you for using Enfold.
The elements will become much bigger because padding and borders are going to be included in the elements’ size calculation.
More info here: https://www.w3schools.com/css/css3_box-sizing.asp
Where we can see the line break issues?
Best regards,
IsmaelOne example would be this page at 800px wide view point. You’ll see “alma” on it’s own line with nothing next to it while the rest of the tag gets pushed down. Meanwhile “Awards/Competitions: 1st” extends beyond the column width when there could be a line break after the colon.
You’ll also get it on this page at 770px wide:
“Hamlet Overture” will go over the column width instead of breaking after “Hamlet”. It kind of causes issues with columns that have inline elements like in them.
Hi,
Thanks for the update.
Is the css code active? I can’t seem to reproduce the issue on my end. Did you copy the content from another source? You should inspect the markup and check if there are extra tags like paragraph or line breaks.
Screenshot: https://imgur.com/a/RtHjxqQ
Best regards,
IsmaelYeah, it’s live now. That’s what I thought too but there are no line breaks or paragraph tags. It happens in the middle of bold tags. Normal unformatted text seems to break fine. You’re not seeing it because the screen is too large in your screenshot. It only happens on that page at 800px or below.
- You must be logged in to reply to this topic.