This topic has 2 replies, 2 voices, and was last updated 4 years ago ago by Olga Barlow
The product display on the front page is not good. See here https://i.imgur.com/X3KKsFc.png .All the add to cart button must be on the same line. Please help
Hello,
It’s because of the different height of your images and product titles.
You can add the below code to Theme Options > Custom CSS but then you’ll get the space between image and product information http://prntscr.com/w0nj0e
.row.products-loop, .productCarousel.owl-carousel .owl-stage {
display: flex;
flex-wrap: wrap;
flex: 1;
}
.row.products-loop .product .content-product,
.productCarousel .slide-item .product .content-product{
flex-direction: column;
justify-content: space-between;
display: flex;
flex: 1;
height: 100%;
}
.productCarousel .slide-item.product-slide {
display: flex;
height: 100%;
}
Regards
You must be logged in to reply to this topic.Log in/Sign up