New Container Block And Accordion Block

We’re on a roll giving you awesome features. Version 1.8 is now out with the brand new Container Block and Accordion Block.

Container Block

The Container Block is a very versatile block that you can use to create lots of different layouts. You can create headers, call to action areas, and many more.

You can place different blocks inside a container block and then you can customize the blocks’ location and background.

A typical example would be to create a header area by adding in a title, a button, then setting the container to be full-height and full-width. 

Container blocks also have the ability to restrict the content to only half of the block, allowing you to create more elaborate layouts. You can align the contents to the left side, centered or on the right side. There’s also an option to vertically align the contents.

The text color of the blocks inside the container can also be overridden in order to add backgrounds to blocks which normally don’t support one. For example, we’ve used a blog posts block inside a container and changed the text colors to white.

There are so many possibilities with the Container block. The best part is it’s so easy to use, just drop in blocks in it, then pick your backgrounds. Here’s the list of features for the Container block:

  • Place any block inside
  • Supports wide and full-width
  • Changeable height: short, tall, half-screen height or full-screen height
  • Changeable text color
  • Adjustable vertical content alignment
  • Contents can occupy the entire width, align left, center, or right
  • Changeable background
  • Supports background colors and background images
  • Fixed background image
  • Responsive

Accordion Block

Next we have the new Accordion block. It’s a title that when clicked, expands or collapses some information. It’s kinda like the Expand Block, except that this block is designed to be used for FAQs or for accordions, and this block animates!

Here’s An Accordion Block, Click Me

This content shows up when you click on the title above. You can use multiple Accordion blocks one after the other for FAQs or to display a large amount of text in a clean manner.

You can customize the title’s background color and text color to easily catch the attention of your visitors:

Bug Fixes for Gutenberg-Ready Themes

We have gotten reports that the wide and full-width options in Stackable blocks don’t seem to work with some Gutenberg-ready themes. We have also addressed those concerns in this version.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.