Show ellipsis by CSS on two or more line | Web Design

Make triple dot on your lengthy title name or any paragraph. Just add given code on Class name. So follow simple steps and paste given code on your style.css file.

How to Do

• Open your CSS’s class.
  Ex. – .entry-title{.. . . .. }
• Then paste given between class then SAVE.

Code

display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;

You can change number of this (-webkit-line-clamp: 3;) line for showing ellipsis.