Return to previous page

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

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

serkan

Participant

April 28, 2021 at 10:45

How can I align it?

Please, contact administrator
for this information.

#285663 Copied Theme version: 7.2.7

5 Answers
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
#285664 Copied
serkan

Participant

April 28, 2021 at 11:13

same continues

Please contact administrator
for this information.

#285666 Copied

Rose Tyler

Support staff

April 28, 2021 at 12:03

Provide URL of page with the problem, please.

Regards

#285671 Copied

serkan

Participant

April 28, 2021 at 12:56

How can I align it?

Please contact administrator
for this information.

#285686 Copied

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://www.8theme.com/documentation/xstore/woocommerce/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

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