Overview

This article explains how to add columns to a page and edit the source code to change the column widths. This is useful if you want one column wider than the other. For example, if you were creating a staff list using columns, you might prefer the first column (with the staff image) to be narrower than the second column containing text.   

Instructions

1. Select the area of the page where you want to add your columns
2. Select the Edit tab
3. Select Templates:
   
4. Select Two Columns:
   
   The columns are now added to the page:
   
5. Select Source (from within the Edit tab):
   
   This opens the HTML code for the page:
   
6. Inspect the column-specific code, there are two lines of code each including the number 6:
   
   This correlates with the width of the page, and the size of each column within the page. The page width is 12. The column width by default is 6 each.
7. Change the two numbers so that one is larger than the other, for example, 3 (column 1) and 9 (column 2):
   
8. Select OK.

Outcome

The column widths will resize based on the changes you made to the source code. In this example, Column 1 spans a quarter of the page width (3) and Column 2 spans three-quarters (9) of the page width (12):

Updated 11 December 2024 16:03