Description Length

hi @jcpacelli,

thanks for using Instagram Feed WD plugin!

What exactly do you want to do? Do you want to limit the descriptions to the certain number of characters or words , like excerpts of WP posts are ? Or something else?

Yes, I’d like to truncate the description and append with an ellipses after X amount of lines or characters. Either way would work for me

Well, for anyone else that would like to do this, here is the code that I figured out for it:

#wdi_feed_0 .wdi_photo_title{
	overflow:hidden;
	position:relative;
	line-height:1.5em;
	max-height:6em;
	text-align:justify;
	margin-right:-1em!important;
	padding-right:1em;
}
#wdi_feed_0 .wdi_photo_title:before{
	content:'...';
	position:absolute;
	right:.4em;
	bottom:0;
}
#wdi_feed_0 .wdi_photo_title:after{
	content:'';
	position:absolute;
	right:0;	
	width:1em;
	height:1em;
	margin-top:.2em;background:white;
}
.wdi_layout_ms .wdi_photo_title{
	margin-left:3%!important;
}

hi @jcpacelli,

i am sorry for writing you late. Yes that is the best way to customize length without using JS by limiting line number not character count. There is Custom CSS field in plugins settings so that you can save the styles there.

thank you !

Sorry to resurrect an old thread but I discovered an interesting issue regarding the way I have these description lengths setup. I have the description set to have a max of 4 lines but on mobile, when tapping the excerpt, it compresses down to one line and then you must tap it again for it to fully expand the description.

I tried changing it to only show 1 line to begin with but then, when tapping, it shifts the text and then you must tap it once more to expand the description fully.

Any suggestions?