Using CSS to Hide Long URLs in Your Comments

Daniel, from Daily Blog Tips, found an interesting plugin called WP-Chunk which can truncate long URLS which may occasionally turn up in comments.

For Example,

A URL like:
http://www.domain.com/test/subfolder/x=123/article=id8A133F52D0FD71AB86256C
would become
http://www.domain.com/test/...86C

If you're interested in truncating these long URLs, and don't mind adding a new plugin to your WordPress installation it looks quite handy.

I did want to share a quick CSS related alternative to anyone who wanted to avoid adding to their WordPress install. As you can see both here and on Daniel's post concerning WP-Chunk, the code box allows for scrolling when a URL is too long to fit in it. This is accomplished by adding a small line of code to your CSS stylesheet. You can do something similar for comments.

Simply find the identifier which represents comments and add "overflow:auto" this instructs the browser to turn any element containing long strings to scroll instead of pass beyond the boundaries. Alternately you can also use "overflow:hidden" like I do in my comment section. This allows the long URL to exist but hides it from displaying on the page.

It's not as good a solution as WP-Chunk but it can certainly work for you.