Eseential Block

Columns/Container Block

The Columns/Container block for WordPress is a more powerful and flexible version of the native columns block. Get access to layouts, easier column management and more precise column controls.

With our Columns/Container, you can…

  • Create your own column layouts
  • Precisely control the margins and paddings of columns
  • Control the way your columns collapse in mobile screens
  • Create more complex layouts not possible with the native columns block

Column 1

This is a Heading block and a Text block nested inside the first column.

Column 2

This is a Heading block and a Text block nested inside the second column.

Column 3

This is a Heading block and a Text block nested inside the third column.

Column 4

This is a Heading block and a Text block nested inside the fourth column.

Styling Options

Style your block with the following inspector and toolbar options:

  • Block Background, Size & Spacing, Borders & Shadows Options
  • Container Background, Size & Spacing, Borders & Shadows Options
  • Content Width Options
  • Column Gap & Row Gap
  • Top & Bottom Separators
  • Mobile Column Arrangement
  • Transform & Transition Effects
  • Motion Effects

Best Used With

Customize your call to action to your website’s needs with the following blocks:

Here are some other samples of our block

You may also check out how these samples were designed by watching our video on it or copying the block’s code.

Photoshoot #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lectus justo, consequat a nulla a, ullamcorper finibus neque.

Photoshoot #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lectus justo, consequat a nulla a, ullamcorper finibus neque.

Photoshoot #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lectus justo, consequat a nulla a, ullamcorper finibus neque.

Photoshoot #4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lectus justo, consequat a nulla a, ullamcorper finibus neque.

Photoshoot #5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lectus justo, consequat a nulla a, ullamcorper finibus neque.

2-column block with containber background and a nested heading & text block on the left and two 2-column block nested on the right with a container background and nested headings & text blocks

Advanced Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lectus justo, consequat a nulla a, ullamcorper finibus neque. Nulla vel aliquet lectus, at imperdiet ex.

Advanced Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lectus justo, consequat a nulla a, ullamcorper finibus neque. Nulla vel aliquet lectus, at imperdiet ex. Sed vel iaculis neque, sed condimentum nibh. Suspendisse potenti. Curabitur elementum porta nisi, non luctus ipsum aliquet quis.

2-column block with a container background and nested heading & text on the left, and a nested 2-column block with container backgrounds followed by heading & text on the right

Input your description here.

Subtitle for This Block

Text for This Block

Subtitle for This Block

Text for This Block

Subtitle for This Block

Text for This Block

4-column block with a heading, text & button block nested in the first column followed by 3 image box blocks nested in the remaining columns

Discover a whole new experience of web design

No matter who you are, blogger, merchant, designer, developer, we guarantee you’ll want Stackable.