A few days back while I was customizing Thesis, I realized that I don’t want text wrapped up around the thumbnails. It doesn’t look good and symmetrical when text gets wrapped up around thumbnails.

I started looking for the solution, search through forums, asked the support team. But, everyone suggested to build a custom function for Thesis Teasers, displayed on the home page, using two separate “div” tags, one for the thumbnail and other for the text.

I have no expertise in php and indeed I was too lazy to write a custom function or look for a custom function code. So I left the things as they were.

I remember the famous saying “If you want a get a work done the simplest way, give it to a lazy person.” So was the case with me and I am happy to say that I found out a quick css trick to overcome those mind boggling [for a person like me] custom function codes.

All you need to do is add this piece of code to custom.css file:

.custom .format_teaser p {display:table;}

Here you can have a look at how the change appears in your Teasers Display:

Before Adding Code

After Adding Code

If you liked the post consider subscribing to our updates and sharing this post via Facebook and Twitter.

More Interesting Stories

• Add A Cool Slide-Show To Thesis Using Custom Functions (9)
• Things You Should Know Before Upgrading To Thesis 1.8 (1)
• The First WordPress 3.0 Bug (8)