Woocommerce product items not in the same height

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

  • Avatar: Diollo Store
    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.

    1 Answer
    Avatar: Olga Barlow
    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

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.