Themes

Posted by Gary Cunningham-Lee 16 Mar 2017 01:24 GMT-0000

Hi,

Looking at the css-tricks.com info, I copied all of the CSS suggested there and pasted it as inline CSS for the infobox in your page, and it fixes the issue for me in Firefox. I didn't test IE, but I think it should behave, based on what css-tricks said.

Try adding this CSS at your site:

.infobox {
overflow-wrap: break-word;
word-wrap: break-word;

-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;

/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

You can remove the comments if you like (indicated by /* */) and the blank lines, to save a little overhead.

I'm just being a little more explicit about what luci answered, actually.

-- Gary