Multiple Columns in Gutenberg

by Mar 8, 2021WordPress Tutorials - WP Tutorials, Gutenberg, WordPress 5.0

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

Adding multiple columns in the Gutenberg Block Editor

Multiple Columns in Gutenberg

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.

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.

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.

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 4

step 4

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.


Submit a Comment

Your email address will not be published. Required fields are marked *

Access Our WordPress Training Academy Videos for just $15

Get Expert WordPress Video Training for $15/month.  Updated Weekly.  Learn SEO, WooCommerce, The Block Editor, and much more.