The first time I tried to use Chris’ snippet, I tried to apply it to all my Joomla titles in a template I was building, not realizing that there are a few conditions that render the script ineffective.

My original selector looked something like this:

And here is what I noticed afterwards:

1. If the title contains only one word, it actually disappears,
2. More often than not, you will have nested tags in your titles and they would get lost when the script runs

So to fix both issues, we just have to account for those possibilities:

Note that the same can be true for small, strong, em, and other tags, etc. The point is just to be careful.

Here’s Chris’ original article on preventing title widows just for reference.

The Scenario

Say you have a box (div) displaying a different testimonial every time the page is loaded. And you want two other boxes to be the same height as the one with the variable size testimonial.

* Note that if your content contains images, you will want to run the script once the window is loaded instead.

The Javascript

Nice & easy:

I will actually work on a example integrating WordPress into the equation and update this article as soon as I get some spare time in my hands.

If you have a more efficient method, please comment away! Otherwise, I hope you find this useful.