Limit the excerpt length for all portofolio items

Hi!

Sorry for the delay. Bumping your own tickets will not help you get faster response as the tickets move to the bottom.

We are working on your ticket please wait while we update the results here soon.

There are two ways you can do this

1.the CSS way
2. the jQuery way

NOTE: Use only one method for best results.

1. CSS Way

Just add the below css to Quick CSS

/* Excerpt length*/
.av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content {
    max-height: 34px!important;
}

2. The jQuery way
We have added the below code in functions.php

// Excerpt length
function custom_excerpt(){
?>
<script>
jQuery(window).load(function(){
    jQuery('.type-portfolio').each(function() {
     	jQuery("div.entry-content").text(function(index, currentText) {
     		return currentText.substr(0, 84);
		 });        
    });
});
</script>
<?php
}
add_action('wp_footer', 'custom_excerpt');

Regards,
Vinay Kashyap

• This reply was modified 8 years, 9 months ago by Vinay.

Hi!

we have modified and updated the code please check the site now…
To show more or less words please feel free to adjust the number 30 in line

return currentText.substr(0, 30);  

The code is in functions.php at the bottom.

// Excerpt length
function custom_excerpt(){
?>
<script>
jQuery(window).load(function(){
    jQuery('.type-portfolio').each(function() {
     	jQuery("div.entry-content").text(function(index, currentText) {
     		return currentText.substr(0, 30);     		
		 });
     	jQuery("div.entry-content").append("...");        
    });
});
</script>
<?php
}
add_action('wp_footer', 'custom_excerpt');

Best regards,
Vinay Kashyap

Hey!

We have replaced the 3 dots with ellipsis; (…) please check screenshot i do not see any issue what is the 10 dots at the end you mentioned? please share the link where we can inspect the element in question…

Regards,
Vinay Kashyap

Hi!

Yes we can do that with the titles …

Sorry the code in function.php conflicted…. please login to your FTP and goto the child theme folder download the functions.php and remove the last block that says “// Title length” from functions.php and re-upload it or create a FTP user ID and share in private.

Best regards,
Vinay Kashyap

Hi!

we have limited the title and excerpts however it works till 90 characters… Not sure if it’s a wordpress thing to limit it because if you use 100 that strange problem with extra dots appear …….. so 90 is the limitation

please feel free to change the number 15 in excerpt title to increase or decrease the title length

return currentText.substr(0, 15); 

The final code used for the modifications are

// Excerpt length
function custom_excerpt(){
?>
<script>
jQuery(window).load(function(){
    jQuery('.type-portfolio').each(function() {
     	jQuery("div.entry-content").text(function(index, currentText) {
     		return currentText.substr(0, 90);
		 });
	jQuery("div.entry-content").append("…");
    });
});
</script>
<?php
}
add_action('wp_footer', 'custom_excerpt');

// Excerpt title
function custom_title(){
?>
<script>
jQuery(window).load(function(){
    jQuery('.type-portfolio').each(function() {
     	jQuery("div.entry-title").text(function(index, currentText) {
     		return currentText.substr(0, 10);
		 });
	jQuery("div.entry-title").append("…");
    });
});
</script>
<?php
}
add_action('wp_footer', 'custom_title');

Regards,
Vinay Kashyap

Hey!

It’s a production site so i would prefer having FTP access and try the new code.

Please replace all the code both excerpt length and title with the below code

// Excerpt length
function custom_excerpt(){
?>
<script>
jQuery(window).load(function(){
    jQuery('.type-portfolio').each(function() {
     	jQuery(".entry-content").text(function(index, currentText) {
     		return currentText.substr(0, 100);
		 });
    	jQuery(".entry-title").text(function(index, currentText) {
     		return currentText.substr(0, 50);
		 });
    });
	jQuery(".type-portfolio").find(".entry-content").append("…");
	jQuery(".type-portfolio").find(".entry-title").append("…");
});
</script>
<?php
}
add_action('wp_footer', 'custom_excerpt');

If this don’t work correctly please setup FTP access for us.

Cheers!
Vinay Kashyap

Hey!

That’s great!

As I understand you require one script to work in both situation

Situation -1 : If the excerpt length is less than the available space you need the “…”
Situation -2 : If the excerpt length is more than the available space the “…” should be removed

This requires a complex algorithm and a lot of time to accomplish it you might have to hire a freelancer

We are more than happy to help you with any minor changes modifications you need. Please let us know if you need any other minor changes we are happy to help :)

Cheers!
Vinay Kashyap

Hi!

I’m not sure what you mean by cut the text? but as you might already know to reduce the excerpt length you just need to change the “XX” number in the below line of the final code provided.

return currentText.substr(0, XX);

Best regards,
Vinay Kashyap