Row Layout Block

The “Row / Layout” block is the foundation to bringing a more advanced editing experience and options into the Gutenberg Editor. Think of this as your base container when you need any type of special layout or content.  When you add the block into Gutenberg you are immediately given options to choose which layout you want to use.

For the most ease, you can open the Prebuilt Library modal and insert any of our prebuilt layouts anywhere into your page. 

We took the basics of being able to add columns and we added all the settings you need to truly control your layout. Starting with defining break down columns for tablet and mobile. So for each row, you can set whether you want the columns to break down for mobile into rows or stay in a column format. You can even let the columns change from four columns to two rows of two. Plus you can change your padding from desktop to mobile so your content better adapts to each screen size.

From there we built out the block with all the features you would expect in a real page builder editing experience. Things like backgrounds, gradients,  overlay blends, margins, padding, gutter size, vertical-align, min-height, and even individual column padding and margin control. 

This together with our editor width options inside the Kadence Blocks plugin really allows for a more advanced page building experience in the Gutenberg editor. Download the plugin today and check out all the unique layouts you can create.

Examples: