Block party! Check out the new Container Block!

A new block has just landed in Atomic Blocks version 1.2.4! Weโ€™re excited to announce the highly-requested Container block. We now have eleven awesome blocks available for the Gutenberg editor. Letโ€™s take a quick look at some features of the Container block.

What’s a Container block?

The Container block lets you gather several individual blocks into a parent container, which helps you create different sections of content on your posts and pages. For example, you might want to create a section with columns, images, and text and give it a specific padding and background color. Using the Container block, you can do just that!

The Container block includes settings for padding, margins, max-width, background image, background image opacity, and background color. These settings will help you create some really unique sections on your site!

A quick video demo

Because the Container block let’s you break away from just adding blocks to a page one on top of the other, this has been a frequently requested block. We’re excited to launch this and we’re looking forward to seeing what you can create with it!

Posted by Mike McAlister

Founder of Array Themes and Atomic Blocks. When I'm not punching pixels or closing brackets, I'm eating pizza, listening to vinyl, and wandering around taking photos.

  1. Is it possible to create responsive columns with it? I mean that you have two columns on desktop view and one column on mobile view? Would be so helpful for authors which don’t want to work with page builders.

    Reply

    1. Hi Haeme,

      Right now, this style would need to be provided by the theme. In my examples, I’m using the columns block included with Gutenberg, and it has minimal styles. In the future, we’ll have more dynamic columns and you’ll be able to control the columns on desktop and mobile.

      Reply

  2. Going to try this.

    This video clarifies so much in terms of seeing how the Gutenberg project is worth the effort.

    Reply

    1. Sounds good, David! I even cheated a bit by pasting those blocks in instead of creating them on the fly. But it also demonstrates how good the copy/pasting of blocks works so far. The future is blocky!

      Reply

      1. Worked a treat. ๐Ÿ™‚

        Reply

  3. The Atomic blocks are better than the standard Gutenberg blocks!

    Reply

  4. Can you use the container block on all posts/pages at once and edit it from a single centralized place?

    Reply

    1. Hi there,

      We don’t have global containers available just yet. We’re waiting to see what kind of solutions the core team comes up with for global placement before creating our own solution.

      Reply

  5. Do your container blocks and Gutenberg work at the same time?

    Reply

    1. Hi Kathleen,

      Yep! They are meant to work together. In fact, the blocks won’t work without Gutenberg.

      Reply

  6. I can’t find the container block: http://i.prntscr.com/IOpH5IC_Qg2k0-8qlSLbeg.png

    And yes I have the current version ๐Ÿ™‚

    Reply

    1. Hey Samuel,

      We just released an update about 10 minutes ago that should fix that. You’ll be looking for version 1.2.6.

      Reply

      1. Yes, now it works. Great!

        Reply

  7. I would like to draw your attention to a bug. As soon as I activate your plugin, some functions of my website will be crashed. I wonder: what does the menu have to do with your plugin? Surely this is a Javascript error: https://generatepress.com/forums/topic/menu-can-no-longer-be-clicked-on/

    Reply

  8. Cool, actually the first block I developed was one just like this one ๐Ÿ™‚

    Reply

Leave a Reply

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