Chat with Us

Columns

Columns are helpful when you need to divide a page into separate sections.  In order to create columns on a page, you must become familiar with the following html terminology and code.

Terminology

Column Width


Definition

Begin a column by assigning a designated width represented by a percentage.


Code

[column width="—%"]




End the current column and begin the next one.

[/column]


Padding

Creates space between columns and is represented with a percentage.  Combined with column width code, separated by a space.


[padding=”—%”]


End Columns


Ends use of columns completely.  Allows you to resume regular template, or begin a separate set of columns.


[end_columns]


The following code produces the subsequent columns:

[column width="30%" padding=5%"]
Name

Tuki Sathaye
Jackie Stork
Donna Reynertson
Nancy McCabe
[/column]
[column width="30%" padding="5%"]

Department

Adult Services
Youth Services
Circulation Services
Technical Services
[/column]
[column width="30%"]

Title

Department Head
Department Head
Department Head
Department Head
[/column]
[end_columns]


Name

Tuki Sathaye
Jackie Stork
Donna Reynertson
Nancy McCabe


Department

Adult Services
Youth Services
Circulation Services
Technical Services


Title
Department Head
Department Head
Department Head
Department Head


Tips:
  • Padding is not necessary in your final column.
  • Always type column codes on separate lines, otherwise they will appear on the page.