Columns


Columns

Columns are based on a 12 column grid. This means you can give your columns any width you want from 1/12th to full width, in any order you’d like! Check a more detailed explanation at the bottom.

There’s also a shortcode available for columns inside columns! This allows for even more freedom for the more complex content structures. Instead of using the ‘column’ shortcode, use the ‘innercolumn’ instead. Other then that, it works exactly the same. Keep in mind that the column you place the innercolumn in contains 12 columns again. It’s all in the details ;)

Examples

[column size='6' first='true']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

[column size='6' last='true']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

 

[column size='8' first='true']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

[column size='4' last='true']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper.
[/column]

 

[column size='4' first='true']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

[column size='4']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

[column size='4' last='true']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

 

[column size='6' first='true']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

[column size='3']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper.
[/column]

[column size='3' last='true']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper.
[/column]

 

[column size='3' first='true']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

[column size='3']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

[column size='3']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

[column size='3' last='true']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
[/column]

 

[column sample="true"]