How do I add more columns to my layout in Website Builder?

This article will show you how to add more columns to your website’s layout.

Adding columns to your site is a common and simple way of laying out your content in a clear, professional manner.

Since this feature is available for multiple versions of our Website Builder tool, select your version from the list below and follow the instructions provided to get started:

 

If you’re not sure which version of Website Builder you have, you can find out by reading this article.

Version 8

Step 1 of 4

Start by logging in to your Website Builder package.

 

Step 2 of 4

From there, select Widgets in the left-hand menu.

Select Widgets

 

Step 3 of 4

Scroll down to the Basics section, where you’ll be able to choose between 1-4 columns for your page. Simply drag and drop your desired widget wherever you want it to appear on your page.

Select Column widget

 

Step 4 of 4

This will create additional columns on your webpage, into which you can drag different widgets and content. The length of the columns will dynamically adjust to the content you add.

You can also manually adjust the width of each column by hovering your cursor over them and then clicking and dragging the dividers that appear.

Adjust column width

 

Version 7

Step 1 of 4

Start by logging in to your Website Builder package.

 

Step 2 of 4

From there, select Add Content within the top toolbar and then drag and drop the Columns widget wherever you want it to appear on your page.

 

Step 3 of 4

Set the number of columns you require by clicking one of the numbers displayed within the widget.

 

Step 4 of 4

You will now be able to drop other widgets and content into your newly configured columns.

 

Version 6

Step 1 of 4

Start by logging in to your Website Builder package.

 

Step 2 of 4

From there, select Widgets in the left-hand menu and open the Content section. Find the Columns Layout widget, and then drag and drop it wherever you want it to appear on your page.

 

Step 3 of 4

You can edit the width of your columns by clicking and dragging the gutter (i.e. the central column) with your mouse cursor.

 

Step 4 of 4

You can add additional columns by selecting the column widget and then clicking the gear icon that appears within the provided toolbar.

From there, select the number of columns you require from the provided drop-down box. You can also change the gutter width within this menu.