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;
}

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Table of Contents