Skip to main content
How to Equalize Pricing Tables' Height

Learn how to apply custom CSS and use Divi’s design settings to ensure each pricing table is uniform, regardless of the content length.

Updated over 4 months ago

Ensuring that your Pricing Tables are equal in height can create a clean, professional appearance and improve readability for your visitors.

In this article, we will guide you through the process of equalizing the height of pricing tables using Divi.

When using the Pricing Tables module, the height of each Table will be different, depending on the amount of content it contains.

Divi Pricing Tables

Set the same height on the Pricing Tables module 

  1. Open the Pricing Tables module settings, by clicking on the Gear icon

  2. Go to Advanced Tab → Custom CSS → Free Form CSS

  3. Copy/paste this CSS code

    selector .et_pb_pricing_table_wrap {
    align-items: stretch;
    }


The result can be seen in the screenshot below

Divi Pricing Tables - Equal Tables Height
Did this answer your question?