Reply 279526 to: Displays products is unbalanced and bad in homepage

Avatar: Rose Tyler
Rose Tyler
Support staff
March 16, 2021 at 11:24

Hello,

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

2) Theme Options > WooCommerce > Single product page > Single product layout > Product Gallery Slider Auto-Height > Off.
3) Appearance > Widgets > Cart area content.
4) Connect to your server using FTP and remove all folders inside wp-content/fonts/ folder. After that go to Theme Options > choose necessary fonts and save settings.
5) It will be fixed in the next theme update.

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.