You can create columns within content by wrapping content in shortcodes like this:
[row] [column total="2"] This text will be in the first column [/column] [column total="2" last="1"] This text will be in the second column [/column] [/row]
This will produce the following:
[row]
[column total=”2″]
This text will be in the first column
[/column]
[column total=”2″ last=”1″]
This text will be in the second column
[/column]
[/row]
The atttributes you can use for the shortcode are detailed below:
Rows
All column shortcodes should be wrapped in a row shortcode which can have the following attributes:
- width
- The width of the row containing the columns – can be a percentage or any other HTML unit (default: 100%).
- align
- This will float the row on the page and can have the values left, right, centre or none (default).
- clear
- This will clear any floated elements and can have values left, right, none or both (default).
- class
- This allows you to specify a CSS class for the row
Columns
Column shortocdes can have the following attributes:
- total
- The total number of columns which are contained within the row. This value must be set (default: 2).
- span
- This will cause the column to span across multiple columns
- last
- This indicates whether the column is the last one in the series – only add this for the last column and give it the value 1