Search Divi Plus Documentation

Search for answers or browse our knowledge base.

All Topics
Print

Woo Product Categories: How to equalize column height when category text exceeds?

To make the column height equal please add the following CSS code in Divi Theme Option.

.dipl_woo_products_category_layout {
    display: flex !important;
    flex-wrap: wrap;
}
.dipl_woo_product_category {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.dipl_woo_product_category_content {
    flex-wrap: wrap;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

Table of Contents