How to fix Woocommerce title length from Wordpress Dashboard

Step-1: Login to WP Dashboard

Step-2: Click to Appearance

Then,Click on "Appearance" + "Customize" from left sidemenu of Dashboard.

Step-3: Click to Additional CSS

Find "Additional CSS" from leftside menu. Select it.

Step-4: Copy and Paste Following code insert the input box and "Publish"

style.css

Example: CSS

.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

Output should be:

Type:	css
Category:	Web Tutorial
Sub Category:	Wordpress CSS Tutorial
Uploaded by:	Admin