Tutorial: How to Shorten Elementor Excerpts with an Ellipsis, Automatically!

Are your Elementor website’s excerpts way too long for a post layout design? Learn how to shorten excerpts using a dynamic ellipsis with a simple CSS class and a small JavaScript snippet. The snippet has a solution for the Loop Grid Widget as well as the Posts Widget, see the comments in the snippet itself…

*** For those of you using the Posts Widget instead of the Loop Grid Widget, you should switch over soon but I’ve included an alternate snippet inside the TXT file which should take care of your use case as well. Just put the ‘dynamic-ellipsis’ class in the ‘Advanced – Class’ field for the posts widget.

Get the snippet plus the Elementor Roundup for free...

Get access to the snippet and you’ll also get the Elementor Roundup — a collection of the best Elementor tutorials and news in your inbox, opt out anytime. We’ll never sell or share your email.
If you’ve already subscribed, simply fill in your email again and you’ll get access to the snippet.

DIYers Love King Grizzly!