Support » Plugin: 10Web Social Photo Feed » Description Length

  • Resolved jcpacelli

    (@jcpacelli)


    Possible to adjust the length of the description in Masonry layout? Looks like either 1 line or full description are the only two options? Would this be done in JS?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Tigran Nazaryan

    (@progmastery)

    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?

    Thread Starter jcpacelli

    (@jcpacelli)

    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

    Thread Starter jcpacelli

    (@jcpacelli)

    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;
    }
    Plugin Contributor Tigran Nazaryan

    (@progmastery)

    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 !

    Thread Starter jcpacelli

    (@jcpacelli)

    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?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Description Length’ is closed to new replies.