This topic has 4 replies, 2 voices, and was last updated 3 years, 6 months ago ago by Rose Tyler
Hi,
How to get the products to align?
Thanks
Hello,
1) Go to File Generator and delete the file. Activate it once all changes on the site will be done, and you will be able to test every option of the generator.
2) About products, go to Theme Options > WooCommerce > Shop > Shop page layout > Products Masonry > Off. 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
Hi,
How do I know when to delete the File from the Generator?
Thanks
Hello,
Go to File Generator and delete the file right now – https://gyazo.com/bb307d59548a7a757048dc19d0485c2f
Regards
The issue related to '‘How to get products to be aligned the same regardless of the length of the title’' has been successfully resolved, and the topic is now closed for further responses