Multiple Columns in Gutenberg

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

Need WordPress Help? Click Here.

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.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.


Submit a Comment

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