Hello, how can I shorten the name of a product to 1 line? in widget

Hello, how can I shorten the name of a product to 1 line? in widget

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached to limit the product title in the widget on the main page. You need to add the following Custom CSS in the Custom CSS for desktop area under Theme Settings >> Custom CSS.

.product_list_widget a {
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
}

Best Regards.

Great, now you need to raise the price and the text under the name …

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. To move the Price and text aside the image you need to add the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.product_list_widget .woocommerce-Price-amount {
position: absolute;
margin-left: 78px;
margin-top: -50px;
}
.product_list_widget .time-left {
position: absolute;
margin-left: 78px;
margin-top: -30px;
}

Best Regards.

[Author]

Posts