Search Divi Plus Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

Woo Products: Module’s content becomes unequal when product text size is differ

To sort this issue we need to add CSS code. Go to WordPress Dashboard >> Divi >> Theme Options >> Custom CSS >> Add below code snippet.

.dipl_woo_products .dipl_woo_products_layout {
    display: flex;
    flex-wrap: wrap;
}
.dipl_woo_products .dipl_single_woo_product {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.dipl_woo_products .dipl_single_woo_product_content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.dipl_woo_products .dipl_single_woo_product_price {
    flex-grow: 1;
}
Was this article helpful?
2.5 out Of 5 Stars

2 ratings

5 Stars 0%
4 Stars 50%
3 Stars 0%
2 Stars 0%
1 Stars 50%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Previous Trigger modal from a link inside hotspot marker tooltip content
Next Modal popup ignores trigger delay?