Return to previous page

Woocommerce product items not in the same height

This topic has 2 replies, 2 voices, and was last updated 1 years, 11 months ago ago by Olga Barlow

Diollo Store

Participant

May 13, 2022 at 07:45

hello, i’m using the elementor widget to show my products in the home page,instead of using the theme widget (because it’s very slow), when i add the css in that widget it’s not working

/** Fixed height on product titles **/

@media (min-width:601px) {
selector .woocommerce-loop-product__title {
height: 45px;
min-height: 45px;
}
}

/** Change fixed height if we’re on mobile or reset it to auto **/

@media (max-width:600px) {
selector .woocommerce-loop-product__title {
height: 45px;
min-height: 45px;
}
}

/** Alternatively you could also truncate the text on mobile **/

@media (max-width:600px) {
selector .woocommerce-loop-product__title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 120px;
}
}

see screenshot :
https://prnt.sc/OTQB0OdmuxuN

how i solve this problem?

also if you want wp credentials you can find it in m previous tickets

NOTE – PLEASE DO NOT UPDATE THE THEME CORE PLUGIN WHEN YOU LOG IN.

#323770 Copied Theme version: 8.1.5

1 Answer

Olga Barlow

Support staff

May 13, 2022 at 15:46

Hello,

I can’t log in to your Dashboard https://prnt.sc/Rd6zET858agb
If you want to limit the product’s title go to Theme Options > WooCommerce > Shop > Product styles > Product Title Limit By > choose likes and set 2 lines. Check the titles after that.

Regards

#323825 Copied
Tagged: height, items, product, same, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘woocommerce product items not in the same height’' has been successfully resolved, and the topic is now closed for further responses

Woocommerce product items not in the same height

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection