Would like titles to expand the height of the item listing?

Hi,

I looked at this and must admit that this is beyond me. Is this a custom style from your theme/designer for Top 10?

Though I have looked at your site and it looks like all the current set of posts are limited to two lines. Have you changed the character limit to get this to work?

Hi Ajay,

I have resorted to limiting the characters to 52 at this point. I put some special code in the customizer to allow lines between the items in the list.

/* top ten widget */
.tptn_posts_list_widget li {
	list-style-type: none;
	border-top: solid 1px #ddd;
	padding: 12px 0 0px;
}
.tptn_title {
position: absolute;
padding: 0 0 0 20px;
width: 248px;
}
.tptn_posts_widget ul {
	margin-left: 0;
}

So that’s how I got the look of the widget. The situation is that once in a while the character count doesn’t limit to two lines but goes to three. When that happens, the titles go down an overlap the lines between the items. That’s why I wondered if there was a way to force the height of an li to be “auto” depending on the height of the text of the title, but I’m guessing that this isn’t possible.

I’m not sure if this can be done dynamically – it might be possible but I’ll confess that CSS is beyond my expertise. One option is to fix the height of all the li but it doesn’t look good if you’ve got most of them as 2 lines

I think you’re right. I’ve done a change to the look with CSS to make it look different. We’ll stick with it as is. We appreciate your plug-in. Thanks!

You’re welcome ??