How to add column shortcodes to your WordPress page

How to add columns

To add columns, click on INSERT SHORTCODE and then choose columns.

Select your column layout and then click on INSERT.

Understanding columns

Columns work in percentages.

You can divide your content into 10%, 20%, 25%, 30%, 33%, 40%, 50%, 60%, 66%, 70%, 75%, 80%, 90%, 100% increments.

note: 33 and 66 are simplified 1 third and 2 thirds.
note: You cannot put columns inside columns.
note: It is important to make sure the first column has first="true" and the last column has last="true" attributes.

2 Column example:

[column width="50" first="true"]content[/column]
[column width="50" last="true"]content[/column]

3 Column example:

[column width="33" first="true"]content[/column]
[column width="33"]content[/column]
[column width="33" last="true"]content[/column]

4 Column example:

[column width="25" first="true"]content[/column]
[column width="25"]content[/column]
[column width="25"]content[/column]
[column width="25" last="true"]content[/column]

Pro Tip: Images & columns

Columns are good for containing and organising images on a page.

For example – if you selected the 50 / 50 layout, and put images (with the same dimensions) in each column, they would look like this.