How to get products to be aligned the same regardless of the length of the title

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

  • Avatar: Louis
    Louis
    Participant
    June 6, 2021 at 00:21

    Hi,

    How to get the products to align?

    Thanks

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 6, 2021 at 07:16

    Hello,

    1) Go to File Generator and delete the file. Activate it once all changes on the site will be done, and you will be able to test every option of the generator.

    2) About products, go to Theme Options > WooCommerce > Shop > Shop page layout > Products Masonry > Off. 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;
    }

    Regards

    Avatar: Louis
    Louis
    Participant
    June 6, 2021 at 13:47

    Hi,

    How do I know when to delete the File from the Generator?

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 6, 2021 at 14:40

    Hello,

    Go to File Generator and delete the file right now – https://gyazo.com/bb307d59548a7a757048dc19d0485c2f

    Regards

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

The issue related to '‘How to get products to be aligned the same regardless of the length of the title’' has been successfully resolved, and the topic is now closed for further responses

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