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

  • Resolved David Borrink

    (@davidborrink)


    4 years, 6 months ago

    We used your plug-in on my wife’s site and it’s great. We have the character limit set to 60 in order to force the titles to two lines max, but there are cases when it goes to three lines because of word lengths. When that happens, the text goes down into the area of the next listing below. It looks like your containers don’t expand to allow a third line to push the next listing down a bit. Is there a way to allow the height of a listed item be set to auto so that it can expand in height? We’d like to allow our titles to be in full and automatically create the correct height for a listing?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Ajay

    (@ajay)

    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?

    Thread Starter David Borrink

    (@davidborrink)

    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.

    Plugin Author Ajay

    (@ajay)

    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

    Thread Starter David Borrink

    (@davidborrink)

    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!

    Plugin Author Ajay

    (@ajay)

    You’re welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Would like titles to expand the height of the item listing?’ is closed to new replies.