With the Columns block, you can quickly and easily adjust your page’s layout.

Adding multiple columns in the Gutenberg Block Editor

Step 1- First go to the page where you would like to page’s layout. Click on the plus sign icon in the upper left hand corner. From there, select the Layouts from the drop down menu. Click on Columns.

Column block in WordPress Gutenberg
Choosing the Columns Block in Gutenberg

 Step 2- When you click on the Columns block, a row with two columns will appear. In each one you will see placeholder text instructing you to change the text.  

Gutenberg 2 Columns
You can now type your content into 2 columns

Step 3 To change the number of columns within your block, hover your mouse over the row that is holding your columns. On the right, you will see a menu where you can adjust your number of columns in your block.

Number of Columns in WordPress Columns Block
On the right side block menu, you can choose the number of columns in the block by moving the slider left or right

Step 4 Change the Column width using the slider on the block menu to the right. This allows you to create very flexible column layouts.

Step 5 Enter the content you would to use in each row. When you’re finished, save your page.


Copyright ByRivers Tech LLC/ WP-Tutoring.Com All Rights Reserved.

  • Get Expert WordPress Help Right Now!

  • Please enter your phone number so we can fully discuss your needs.
  • This field is for validation purposes and should be left unchanged.