Return to previous page

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

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

Le_Twins

Participant

March 30, 2021 at 10:11

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

Rose Tyler

Support staff

March 30, 2021 at 13:40

Hello,

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

Regards

#281792 Copied

Le_Twins

Participant

April 8, 2021 at 09:39

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
Rose Tyler

Support staff

April 8, 2021 at 09:58
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
Le_Twins

Participant

April 9, 2021 at 21:49

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

Rose Tyler

Support staff

April 10, 2021 at 06:33

You’re welcome!
Have a nice day!

Regards

#283422 Copied
Viewing 6 results - 1 through 6 (of 6 total)

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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection