A Container is an expandable space used to house other page elements together. You can place any page element inside a container. It’s a powerful component which lets you divide sections of a page into grid-like layouts. 

Add a Container on a Page

To add a Container,, click the Add [+] Button on the top left corner in the Page Editor to slide the web page elements menu. Then simply drag the Container element into the page you’re working on.


Add Page Elements inside a Container

To add a page element inside a Container, just drag and drop the object inside the container.


Container as Page Sections

A Container is an expandable space that can be used to house page elements and divide the page into sections. 


Container for Grouping Page Objects

A Container can be used to house page objects that belong together. You can place any page element inside a container.

Container Property Settings

Like any page element, the Container has its own property settings. You can change the following settings for Containers:

  • Background
  • Size
  • Position & Padding
  • Alignment
  • Borders & Shadow


Container Background Settings

This is a container that fills up the entire width of the page. There are 2 ways to change the background of the container:

  • Pick a Color; or
  • Upload an Image from your computer or paste in a URL


Container Resizing Settings

You can control the width or the height of the container. To automatically adjust the height of the container when objects are added, turn on “Auto Size”

Container Position & Padding Settings

  • Position - You can move the Container’s position upward or downward.
  • Padding - You can control the space around the objects inside the container

Alignment Settings

You can set alignment of the Container to the left, center, or right.


Borders & Shadow Settings

You can adjust the following border settings:

  • Border Style (solid or dashed)
  • Border Color 
  • Border Thickness
  • Rounded Corners
  • Border Shadow


Did this answer your question?