Elementor Extra: Limit Post Title

Add this to custom CSS. Add ‘selector’ to limit the usage of CSS. You can use pixel (px) for ‘max-width’ as well.

				
					/*Add Selector to limit the CSS */
.ee-post__title__heading
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%; /* set your desired width */
}


				
			
				
					/*Add Selector to limit the CSS */
.ee-post__title__heading
{
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;
}
				
			
  • Video ·

YotuWP: Custom CSS

DESCRIPTION Go to Dashboard > Appearance > Customize and add this custom CSS. CODE DARK…