First product in catalogue/shop page is not shown on line with the others

Solved5 replies2 participantsUpdated by Rose Tyler

  • Avatar: Stefano_flowbox
    Le_Twins
    Participant

    First product in catalogue/shop page is not shown on line with the others

    https://prnt.sc/10zsjbu

    Thanks

    #281757 Copied Theme version: 7.2.5 WooCommerce version: 5.6

    5 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Provide URL, because it seems is fine on Shop page – http://prntscr.com/10zww1h

    Regards

    #281792 Copied
    Avatar: Stefano_flowbox
    Le_Twins
    Participant

    You can replicate when searching a product by keyword.

    https://letwins.it/?s=cervia&post_type=product&et_search=true&lang=it

    thanks

    #283177 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    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;
}

    and change image of this product – http://prntscr.com/1177gyo , because when you compare 2 images – http://prntscr.com/1177hbq http://prntscr.com/1177hl0 – they have different white space at the top – http://prntscr.com/1177jcg

    Regards

    #283181 Copied
    Avatar: Stefano_flowbox
    Le_Twins
    Participant

    Yes the image size is an issue that we are fixing..

    i am not pretty sure about the css code… we first fix the image size than we look for your solution if the things continues not going.

    Thank you 🙂

    #283415 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    You’re welcome!
    Have a nice day!

    Regards

    #283422 Copied

The issue related to '‘First product in catalogue/shop page is not shown on line with the others’' has been successfully resolved, and the topic is now closed for further responses