Home › Forums › WoodMart support forum › Grid layout all the same height › Reply To: Grid layout all the same height
March 11, 2022 at 11:05 am
#359878
Artem Temos
Keymaster
Hello,
Try to replace the previous code with the following one
.products.align-items-start {
align-items: stretch!important;
}
.website-wrapper .wd-hover-tiled .product-wrapper {
height: 100%;
display: flex;
flex-direction: column;
}
.website-wrapper .wd-hover-tiled .product-element-bottom {
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
}
.website-wrapper .wd-hover-tiled .product-element-bottom > * {
flex: 1 1 100%;
}
.website-wrapper .wd-hover-tiled .product-element-bottom .star-rating {
flex: 0 0 auto;
margin-right: 5px;
}
.website-wrapper .wd-hover-tiled .product-element-bottom .wrapper-reviews-number {
flex: 0 0 auto;
}
.website-wrapper .wd-hover-tiled .price {
margin-top: auto;
}
.slider-type-product .owl-stage {
display: flex;
align-items: stretch;
}
.slider-type-product .owl-stage .owl-carousel-item,
.slider-type-product .wd-hover-tiled {
height: 100%;
}
Regards.