Source: https://divicake.com/blog/equal-column-height-divi-5/ [Blog](https://divicake.com/blog/)/[Tips & Tricks](https://divicake.com/category/tips-tricks/) # How to Equalize Column Height in Divi 5 (Fix Row/Module Height Issues) By Divi Cake·23 February 2026·Updated 19 August 2026·3 min read How to Equalize Column Height in Divi 5 (Fix Row/Module Height Issues) We may earn a commission from affiliate links in this post. [Disclosure policy](https://divicake.com/affiliate-disclosure-policy/) On this page - [Why Columns Become Unequal Height in Divi 5](https://divicake.com#why-columns-become-unequal-height-in-divi-5) - [Before You Start (What the Issue Looks Like)](https://divicake.com#before-you-start-what-the-issue-looks-like) - [Step 1: Open the Row Settings](https://divicake.com#step-1-open-the-row-settings) - [Steps:](https://divicake.com#steps) - [Step 2: Set the Column Height (Stretch)](https://divicake.com#step-2-set-the-column-height-stretch) - [Steps:](https://divicake.com#steps-1) - [Step 3: Repeat for Each Column in the Row](https://divicake.com#step-3-repeat-for-each-column-in-the-row) - [Important:](https://divicake.com#important) - [Step 4: Enable “Grow to Fill” for the Content Module](https://divicake.com#step-4-enable-grow-to-fill-for-the-content-module) - [Steps:](https://divicake.com#steps-2) - [Step 5: Repeat for All Columns/Modules](https://divicake.com#step-5-repeat-for-all-columnsmodules) - [Final Result](https://divicake.com#final-result) - [Conclusion](https://divicake.com#conclusion) If your website’s columns are not equal height in [Divi 5](https://divicake.com/blog/divi-5-guide-for-beginners/), you’re not alone.In [Divi 4](https://divicake.com/go/divi-4/), there was a separate option for equal column heights, but in Divi 5 the setting is handled differently. That’s why many users think the feature is missing or not working. In this tutorial, we’ll show you the latest Divi 5 method to make columns the same height and also fix the issue where buttons/content are not aligned evenly inside each column. ## Why Columns Become Unequal Height in Divi 5 Columns usually become uneven because each column has a different amount of content. For example: - One column has more text - Another column has less text - Buttons and content end up at different vertical positions This makes the row look unbalanced. In the steps below, we’ll fix both: - Equal column height - Equal content/button alignment inside columns ## Before You Start (What the Issue Looks Like) The screenshot below shows [unequal-height columns](https://divicake.com/blog/how-to-equalize-column-heights-in-divi/). This usually happens when the text length is different in each column. As a result, the columns and buttons do not line up properly. Divi 5 screenshot showing three columns with unequal heights and misaligned buttons before applying equal height settings ## Step 1: Open the Row Settings First, open the row where your unequal columns are located. ### Steps: - Hover over the row and Click the Row Settings icon. - Open the Content tab. - Click Element (inside the Content tab). - Click the Edit (pen icon) button for the first column. Divi 5 row settings screenshot showing Content tab, Elements section, and first column edit icon for equal height column setup ## Step 2: Set the Column Height (Stretch) Now we will apply the setting that makes the column stretch properly. ### Steps: - In the column settings, click the [Design tab](https://divicake.com/blog/getting-started-with-divi-design-settings/). - Open Sizing. - Enable/click Stretch. This helps the column expand and match the height behavior needed for equal columns. Divi 5 column settings screenshot showing Design tab, Sizing section, and Stretch option enabled to equalize column height ## Step 3: Repeat for Each Column in the Row Now repeat the same process for every column in that row. ### Important: You must apply the same setting to all columns (not just the first one). After doing this, your columns should now appear equal in height. However, if the buttons or content inside the columns are still not aligned as in the below screenshot, continue to the next step. Divi 5 screenshot showing equal-height columns after applying stretch, but buttons and content are still vertically misaligned ## Step 4: Enable “Grow to Fill” for the Content Module Even when columns are equal height, the content inside them (like text and buttons) may still sit at different positions. To fix this, use Grow to Fill on the module inside each column (such as the Text Module). ### Steps: - Hover over the first content module (for example, the Text Module) inside the column and Click the Module Settings icon. - Open the Design tab. - Open Sizing. - Enable Grow to Fill. This helps the content fill the available column space so layouts look more balanced. Divi 5 Text Module settings showing Design tab, Sizing section, and Grow to Fill enabled to align content inside equal-height columns ## Step 5: Repeat for All Columns/Modules Now repeat the same Grow to Fill setting for the corresponding content modules in all columns. Once done, your: - Columns will be equal height - Content blocks will be better aligned - Buttons will sit more evenly across the row Learn More: [How to Make Divi 4 Blog Grid Posts Equal Height (3 Ways)](https://divicake.com/blog/divi-blog-grid-equal-height/) ## Final Result That’s it! You’ve successfully fixed equal column height in Divi 5. This is one of the easiest ways to make your Divi 5 layouts look cleaner and more professional, especially for: Pricing sections, Service cards, Feature boxes, Team member layouts, Product columns. Divi 5 final result showing three equal-height columns with aligned buttons after applying Stretch and Grow to Fill settings ## Conclusion And that’s it your [Divi 5](https://divicake.com/go/divi-5-0/) columns are now equal height and your layout looks much cleaner, more balanced, and professional. If you were confused because the old [Divi 4](https://divicake.com/go/divi-4/) equal height option is no longer visible, don’t worry in Divi 5, the combination of Stretch (for columns) and Grow to Fill (for modules) gets the job done perfectly. This small fix can make a big difference in sections like service boxes, pricing tables, feature cards, and call-to-action rows, where uneven columns can make the design look messy. Try this method on your next Divi 5 layout, and you’ll instantly notice the improvement in alignment and visual consistency. If this tutorial helped you, you can also bookmark it for later whenever your Divi 5 column heights are not working again. Learn More: [Divi Blurb Equal Height: Make Blurbs the Same Height Easily](https://divicake.com/blog/equal-height-divi-blurbs-tutorial/) ## Written by Divi Cake Divi 5 tutorials, layouts and fixes from the team that builds Divi sites every week. - [About Divi Cake](https://divicake.com/about/) ## Get the Divi Cake newsletter New Divi tutorials and Divi Cake product news, by email. First name (optional)Email Company website SubscribeSubscribeSubscribe Unsubscribe any time. [Privacy policy](https://divicake.com/privacy/) The sign-up form needs JavaScript for its spam check. Almost done. Click the link in the email we just sent to confirm your subscription. If you are already subscribed, there is nothing more to do. ## Submit a comment Comments are read before they appear. Your email is not published. Comment NameEmail Company website Submit commentSubmit commentSubmit comment The comment form needs JavaScript for its spam check. Thanks. Your comment is waiting for review and will appear here once it is approved. ## Do you need help with … - [Divi 5 migration](https://divicake.com/divi-4-to-divi-5-migration/) - [Divi websites](https://divicake.com/divi-website-development/) - [Divi plugins](https://divicake.com/divi-plugin-development/) - [Fix a site](https://divicake.com/fix-existing-site/) - [Beyond Divi](https://divicake.com/beyond-divi/) - [Technical SEO](https://divicake.com/technical-seo/) - [SEO content](https://divicake.com/seo-content/) ## Newsletter New Divi tutorials and Divi Cake product news, by email. First name (optional)Email Company website SubscribeSubscribeSubscribe Unsubscribe any time. [Privacy policy](https://divicake.com/privacy/) The sign-up form needs JavaScript for its spam check. Almost done. Click the link in the email we just sent to confirm your subscription. If you are already subscribed, there is nothing more to do. ## Save Annually on Divi [Save 69% on Divi VIP](https://divicake.com/go/divi-vip/)[Save 69% on Divi Cloud](https://divicake.com/go/divi-cloud/)[Save 69%, Divi Team](https://divicake.com/go/divi-teams/) ## WordPress Hosting & Tools [100% off on Kinsta for 1 Month](https://divicake.com/go/kinsta/)[Get up to 62% off Bluehost hosting.](https://divicake.com/go/wordpress-hosting-blue-host/)[Save Up to 15% on Rank Math](https://divicake.com/go/rank-math/)[Get 50% OFF on all WPForms plans](https://divicake.com/go/wpforms/) ## More in Tips & Tricks [ Customizing Divi for advanced WordPress development projects Blogging4 min read ### Customizing Divi for Advanced WordPress Development Projects Seven ways to take Divi past its stock settings on an advanced build: custom CSS and JavaScript, child themes, integrations, hooks and filters, and performance work. 11 October 2026](https://divicake.com/blog/customizing-divi/) [ Divi Condition Options Explained Tips & Tricks6 min read ### Divi Condition Options Explained How Divi condition options work: show or hide any section, row, column or module by post info, location, user, interaction, device or WooCommerce state. 3 October 2026](https://divicake.com/blog/a-look-at-the-new-divi-condition-options/) [ Divi 5 Video Autoplay (No Plugin): How to Autoplay Videos in the Divi Video Module Tips & Tricks6 min read ### Divi 5 Video Autoplay (No Plugin): How to Autoplay Videos in the Divi Video Module Set Divi 5 video autoplay with the built in Video module settings, muted playback, and loop options, no plugin or custom code needed for it to work on phones. 26 February 2026](https://divicake.com/blog/divi-5-video-autoplay-no-plugin/)