Product card – how to make an equilibrium

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

  • Avatar: coffeedog
    coffeedog
    Participant
    November 28, 2023 at 15:08

    Product card – how to make an equilibrium

    more info : https://prnt.sc/l5EU72JtQXeI

    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 28, 2023 at 15:58

    Hello,

    Thank you for contacting us and for using XStore.

    Theme Options > WooCommerce (Shop) > Shop > Products design > Title Limitation Type – Lines, set 1 line
    Or
    Add the next code in Theme Options > Theme custom CSS:

    .main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
        display: flex;
        justify-content: center;
    }
    .products-loop .ajax-content, .products-loop {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
    }
    .content-product {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        flex: 1;
    }
    .content-product .quantity-wrapper {
        margin-right: auto;
        margin-left: auto;
    }
    .swiper-container {
        display: flex;
        align-items: stretch;
    }
    .product-slide .product {
        display: flex;
        height: 100%;
    }
    .swiper-wrapper {
        height: auto;
    }
    .content-product .product-image-wrapper {
        margin-bottom: 10px;
    }

    Kind Regards,
    8theme team

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

The issue related to '‘Product card – how to make an equilibrium’' 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.