• Post Widget

Elementor: Limit Post Title

DESCRIPTION

Simply limit the post title based on width and lines.

For Elementor Extra post widget, go here.

CODE
LIMIT TO ONE LINE 
				
					/*Add Selector to limit the CSS */
selector .elementor-post__title
{ display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  height:em; /* Fallback for non-webkit, line-height * 2 */
  line-height: 1.3em;
  -webkit-line-clamp: 1; /* if you change this, make sure to change the fallback line-height and height */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
CODE
LIMIT TO TWO LINES 
				
					/*Add Selector to limit the CSS */
.elementor-post__title
{ display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  height:em; /* Fallback for non-webkit, line-height * 2 */
  line-height: 1.3em;
  -webkit-line-clamp: 2; /* if you change this, make sure to change the fallback line-height and height */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
DEMO
LIMIT TO ONE LINE
DEMO
LIMIT TO TWO LINES
MORE HOW-TO POSTS
MAIN MENU

Developer at Albali Studio