1. Home
  2. Using Blocs
  3. Stacked Containers
  1. Home
  2. Design
  3. Stacked Containers

Stacked Containers

There are times when you may want to overlap elements (such as text and images) on top of each other, the easiest way to achieve this in Blocs is by using a Stacked Container.

Creating a Stacked Container

To create a Stacked Container, add a Div Bric to your page and set its type to Stacked Container in the Inspector.

Any Brics placed inside this Div will automatically stack and layer on top of each other. The size of the Div is determined by the dimensions of the largest item inside it, while the stack order follows the arrangement of its contents in the Layer Tree.

Beginners Tip

If an upper-layer element is blocking mouse events on elements below, apply a custom class and set pointer-events to none to let interactions pass through.

Content Alignment

When a Div’s type is set to Stacked Container, additional alignment options appear in the Inspector Sidebar. These let you control the vertical and horizontal alignment of its contents.

Updated on 12th June 2025

Was this article helpful?

Related Articles