Make the elementor products widget the same height

This topic has 2 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Rose Tyler

  • Avatar: JAG
    JAG
    Participant
    June 21, 2022 at 19:24

    I was looking to make the products on the elementor products widget the same height. Support had previously provided css for the WooCommerce Shop Page, but I need the same result for the elementor widget.

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 22, 2022 at 06:36

    Hello,

    Add the next code in Theme Options > Theme custom CSS:

    .swiper-container .content-product {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        flex: 1;
        padding: 0px 15px;
    }
    .swiper-container {
        display: flex;
        align-items: stretch;
    }
    .product-slide .product {
        display: flex;
        height: 100%;
    }
    .swiper-wrapper {
        height: auto;
    }

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

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