This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Chinese
English

Multi column template

Adding the container template

Click on the "Content tab"

Add a component - click on a grey "plus icon"

Add component icon

This will open up the "Add a component" drawer on the righthand side.

Scroll down & choose Multi Column - Content left - image right

Drawer

Structuring the columns

The page uses a 12 column layout, so both columns should equal 12, the default is a split of 6 columns each.

6 Column content image

This example shows 7 columns for an image & 5 columns for the content.

With content, don't over do it, we don't want the content to be higher than the images.

The default layout is text on the left, image on the right. You can switch this by changing the reverse layout to yes.

Example 7 x Image & 5 x Content

Adding a full-width image

For a full width image just use image column size =12 & set the content one to "No column".

You can set the image column to be any number, the image will just float centered.

Add a full width image

Adding Borders

If you need to split the content , you can use the border option

Add borders

This example shows the top and bottom borders

Example of borders

Top