Change the height of the blocks

Viewing 1 replies (of 1 total)
  • Plugin Author WPBean

    (@wpbean)

    Add the following CSS code on your site. It will make all the slider items equal in height.

    Thanks 

    .wpb-woo-products-slider.owl-carousel .owl-stage {
    display: flex;
}
.wpb-woo-products-slider.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.wpb-wps-slider-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.wpb-woo-products-slider.owl-carousel .wpb-wps-slider-item figure {
	display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}
.wpb-woo-products-slider.owl-carousel .wpb-wps-slider-item figcaption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}
.wpb-woo-products-slider.owl-carousel figcaption h3.pro_title {
	flex-grow: 1;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Change the height of the blocks’ is closed to new replies.