How can I align it? - by serkan - on WordPress WooCommerce support

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

  • Avatar: serkan
    serkan
    Participant
    April 28, 2021 at 10:45

    How can I align it?

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 28, 2021 at 10:56

    Hello,

    Try to 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: serkan
    serkan
    Participant
    April 28, 2021 at 11:13

    same continues

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 28, 2021 at 12:03

    Provide URL of page with the problem, please.

    Regards

    Avatar: serkan
    serkan
    Participant
    April 28, 2021 at 12:56

    How can I align it?

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 28, 2021 at 13:14

    Clear cache and check the result of custom CSS code.
    I’ve checked page of Lotus Çiçeği Şekilli Ayarlanabilir Kadın Yüzük product on your site. Your images of products have different size. Please read this article – https://xstore.helpscoutdocs.com/article/89-product-images It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery.

    Regards

  • Viewing 6 results - 1 through 6 (of 6 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.