1. Open the Source Code Editor (<>)
2. Locate where new content should go.
3. On a new line, type xxxxx so it’s easy to spot.
4. Exit Source Code and highlight xxxxx.
5. Add your new content and SAVE.

Content Container

Use this to keep text and images neat and centred.
It stops content from getting too wide on large screens.
You can use it on its own, or put other layout blocks inside it.

Use when: You’re adding normal page content and want it to look tidy.

Row (for columns)

Use this only if you want content side-by-side (columns).
Add one row, then add column blocks inside it.

Important:
Don’t use this if you’re using a column block that already creates its own layout.

Single Columns

Creates one full-width column within the layout. The content fills the available space. Add more if required.

The column/s width will adjust automatically depending on the layout.

Use when: You want content to span the full width of the section, like headings, text blocks, or images.

Modal / Popup

Use this to show content in a popup window.
The popup opens when the user clicks a button or link.

Use when: You want extra information without cluttering the page.

See how the pop up works.

The page is built using an invisible 12-column grid.Each row is divided into 12 equal parts, and your columns must always add up to 12.

Choosing you column layout

• 3 equal columns → choose 3 Columns (Equal)(each column uses 4 parts of the grid)

• 2 equal columns → choose 2 Columns (Equal)(each column uses 6 parts of the grid)

• 4 equal columns → choose 4 Columns (Equal)(each column uses 3 parts of the grid)

• Uneven columns → choose a mixed layout(for example: 2 + 10, or 5 + 7)

Tip: Always choose a “stacked” option so columns stack neatly on mobile screens.

Adding your content safely

• Place your text and images inside the column cells

• Leave the existing formatting in place

• Replace the placeholder content only

Once your content is in place, you can safely delete the placeholder word “cell”.

Important rules to remember

• All columns in a row must add up to 12

• Do not delete the layout structure

• Only replace the content inside each column

See ready made templates in action that you can copy and paste into your page layout.

To close the container, click on the negative icon above.

Insert an Open/Close container into your page layout

1. Place your cursor in a new line/paragraph where you want your Open Close container to appear.
2. Go “Insert template” (the Rubber Stamp icon). 
3. Scroll down and select Open/Close container
4.  CLICK OK
5. Highlight the text that says   "Place image or text here that will open the container"
   Type in your Heading that will appear next to the +.
   Delete the extra + it's not needed.
   Style it with a Heading levels.
6. Highlight the text that says   "Place content here that will be hidden and revealed by the opener"
   Type in your text that will be revealed when the user clicks onto the +.
   Add any links to the text and style it.
7. Save Page

Choosing the Hover option, omits the plus and minus, making the link open automatically when the user passes the cursor over it.