Columns

Content

Description
Usage
Examples
Attributes

Description

Design new layouts & break content into columns.

Features

Flexible—combinations of differently sized columns achievable
Clean coding
Unlimited use per page

Usage

[one_half] Column #1 [/one_half]
[one_half] Column #2 [/one_half]

Usage notes

Use the m attribute for setting custom margins between columns.
For those concerned that content broken into three equal columns will not add up to 100% of a page width, try these settings instead: 25% + 25% + 50%. This can be achieved using the following shortcodes:
```
[one_fourth] A [/one_fourth]
[one_fourth] B [/one_fourth]
[two_fourth] C [/two_fourth]
```
or
```
[one_fourth] A [/one_fourth]
[one_fourth] B [/one_fourth]
[one_half] C [/one_half]
```
Both examples produce the same results.

Examples

One Half

[one_half] Content goes here. [/one_half]

1/2

One Third

[one_third] Content goes here. [/one_third]

1/3

One Fourth

[one_fourth] Content goes here. [/one_fourth]

1/4

One Fifth

[one_fifth] Content goes here. [/one_fifth]

1/5

One Sixth

[one_sixth] Content goes here. [/one_sixth]

1/6

Two Third

[two_third] Content goes here. [/two_third]

2/3

One Third

[one_third] Content goes here. [/one_third]

1/3

One Fourth

[one_fourth] Content goes here. [/one_fourth]

1/4

Three Fourth

[three_fourth] Content goes here. [/three_fourth]

3/4

Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque.

One Fourth

[one_fourth] Content goes here. [/one_fourth]

1/4

One Half

[one_half] Content goes here. [/one_half]

1/2

One Fourth

[one_fourth] Content goes here. [/one_fourth]

1/4

One Half

[one_half] Content goes here. [/one_half]

1/2

One Fourth

[one_fourth] Content goes here. [/one_fourth]

1/4

One Fourth

[one_fourth] Content goes here. [/one_fourth]

1/4

Two Fifth

[two_fifth] Content goes here. [/two_fifth]

2/5

Three Fifth

[three_fifth] Content goes here. [/three_fifth]

3/5

One Fifth

[one_fifth] Content goes here. [/one_fifth]

1/5

Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem.

Four Fifth

[four_fifth] Content goes here. [/four_fifth]

4/5

Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien.

One Sixth

[one_sixth] Content goes here. [/one_sixth]

1/6

Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper.

Five Sixth

[five_sixth] Content goes here. [/five_sixth]

5/6

Integer fermentum venenatis libero. Integer luctus, mi ut pretium ullamcorper, nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna. Sed facilisis accumsan nisi. Ut mattis libero quis sapien, , nibh lorem volutpat odio, id facilisis diam metus non libero. Ut placerat tellus sed neque. Mauris sit amet mi. Vivamus commodo. Lorem ipsum dolor sit amet consectetuer adipiscing elit nunc ullamcorper blandit urna.

Attributes

Custom margin width. (Default: 25, pixels)

m="10"

align

Text alignment within column. (Default: NULL, aligned left)

align="right"

align="center"

TopBusiness

Unlimited layouts of frontpage

See also

From blog

Services

Testimonial

Get in touch

Columns

Content

Description

Features

Usage

Usage notes

Examples

Attributes

Email subscribe

Contact us

Our team