A container is a way to group content together on a page. Use them when you need more control over your layout, whether that's arranging blocks side by side, building multi-column structures, or creating more complex page designs.
Add a container by dragging it in from the insert menu, or type / anywhere on the page and start typing "container". Once it's in place, add whatever content you like inside it (images, videos, buttons, text, other file uploads etc).
Containers can be nested inside each other, so you can have a top-level container holding smaller containers, each with their own content. This is how you build more complex layouts in Niice.
The layout responds to its contents, so as you add or adjust blocks inside, the container adapts around them.
If you hover over the edges of your container, you’ll see the drag handles appear. These let you adjust the padding and gaps between content manually. Just click and drag until it looks right to you.
You can adjust the padding or gaps between elements.
Padding is the space inside a container, between the edge and its content (blue handles). By default, all sides adjust proportionally. Hold down the Option key while dragging to adjust a single side independently
The gap is the space between items inside a container (green handles).
Select or hover over a container on your page
Move your cursor toward the edge until the handles appear
Click and drag a handle to adjust the padding or gap.
Release when you're happy with the spacing
Containers let you group content together and control how it’s arranged on the page. Nest them to build more complex layouts, and easily adjust the spacing between content using the drag handles for gaps and padding.
Learn how to create complex layouts with container blocks