How to Add Ellipses to Elementor’s Posts Excerpt

Add an ellipses to Elementor's Post Excerpt

Excerpts help your site visitors understand what the article is about before they click to read the entire thing. Elementor is great for building your custom layout for your blog’s home page and including post excerpts is helpful for user experience.

You can use custom excerpts with a fixed content length and the excerpt will finish with a period and look fine. But if you are just grabbing the intro paragraph, not all of your excerpts will end with a period. Some (probably most) get cut off mid-sentence and it looks odd. Adding ellipses at the end of the excerpt in Elemetor’s post widget will give your site visitors some visual cues that there is more to read.

However, Elementor does not currently have ellipses as an option in its editor widget settings. BUT you can add it yourself using your developer tool and copying and pasting some CSS.

Watch the video above to see where to click and what to type.

Here's the plain code for you to copy and paste.

				
					.elementor-post__excerpt p::after {
 content: "...";
}
				
			

This solution to add ellipses to Elementor’s posts will work if you are displaying posts as blogs or custom post types so long as they are using Elementor’s post widget. I wonder when Elementor creators will add ellipses as a standard option…

I hope your day is as awesome as you are,

Maggie

PS

I added only one colon on the pseudo element in the video. Most browsers support both single and double. You can read more on the what and why of pseudo classes and pseudo elements here.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

I Love Elementor

I used to build websites the hard way. Then I found Elementor and fell in love. With Elementor I made websites twice as fast. I upgraded to Elementor Pro and now I build sites three times as fast! Elementor also makes it easier for me and my team to manage websites after they’ve been built. If you’re doing this web design thing for real, I recommend Elementor as your website builder and would like to offer you my affiliate link where I try to get you the best deals and I get a small commission.

Scroll to Top