---
title: "How to Fix Unequal Column Height in WordPress (Gutenberg) – Equal Heights [Video Tutorial]"
url: https://nexterwp.com/docs/fix-unequal-column-height-wordpress-gutenberg/
date: 2023-07-05
modified: 2026-04-14
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=9vPXwL18Los Video Duration: 6 : 50 Video Overview Learn how to fix Equal Height in WordPress Gutenberg sites using Nexter Blocks.We will make all the columns of same height regardless..."
image: https://nexterwp.com/wp-content/uploads/2024/05/fix-unequal-column-height-wordpress-gutenberg-1024x519.jpg
word_count: 97
---

# How to Fix Unequal Column Height in WordPress (Gutenberg) – Equal Heights [Video Tutorial]

## Key Takeaways

- Nexter Blocks fixes equal height in WordPress Gutenberg sites with a simple CSS selector, making all columns the same height regardless of content length.
- Equal height columns apply to blog, WooCommerce Product, CPT posting listing, pricing table, and info box layouts.
- The video tutorial runs 6:50 and links to a live demo at nexterwp.com/nexter-blocks/extras/wordpress-same-equal-height/.

https://www.youtube.com/watch?v=9vPXwL18Los

##### Video Duration: 6 : 50

## Video Overview

Learn how to fix Equal Height in WordPress Gutenberg sites using Nexter Blocks.
We will make all the columns of same height regardless of any content length using simple CSS selector.

This can make blog, WooCommerce Product, CPT posting listing equal, pricing table equal, info box equal and much more.
Making WordPress columns of same height makes the design consistent and gives an elegant look to websites.

▶️ Live Demo - [https://nexterwp.com/nexter-blocks/extras/wordpress-same-equal-height/](https://nexterwp.com/nexter-blocks/extras/wordpress-same-equal-height/)

⚡ Plugin Website - [https://nexterwp.com/](https://nexterwp.com/)
⚡ Get the Plugin [https://nexterwp.com/nexter-blocks/](https://nexterwp.com/nexter-blocks/)
USE CODE " YOUTUBE10 " TO ENJOY 10% DISCOUNT