URLs in Text Now Break and Wrap

Topic(s)

URLs in text are automagically turned into clickable links. However, they do not wrap within the bounds of the text boxes that contain them.

Added the following to the Zero Point theme’s custom CSS:


/* Only in main body of posts including comments, not front page or sidebars */

body:not(.front) .extlink-nobreak, #block-zeropoint-content .extlink-nobreak {
white-space: normal !important;
}
body:not(.front) #block-zeropoint-content a {
overflow-wrap: break-word;
word-break: break-all;
}

The extlink class and span are added by another module, that puts the cute little box+arrow after “external links.”

Hat tip: alert reader marym.

Comments