Columns

Content

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

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.

1/2

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.

One Third
[one_third] Content goes here. [/one_third]
1/3

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.

1/3

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.

1/3

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.

One Fourth
[one_fourth] Content goes here. [/one_fourth]
1/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. 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.

1/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. 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.

1/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. 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.

1/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. 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 Fifth
[one_fifth] Content goes here. [/one_fifth]
1/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.

1/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.

1/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.

1/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.

1/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.

One Sixth
[one_sixth] Content goes here. [/one_sixth]
1/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.

1/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.

1/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.

1/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.

1/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.

1/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.

Two Third
[two_third] Content goes here. [/two_third]
2/3

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.

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.

One Third
[one_third] Content goes here. [/one_third]
1/3

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.

One Fourth
[one_fourth] Content goes here. [/one_fourth]
1/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. 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.

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. 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.

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.

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

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.

One Half
[one_half] Content goes here. [/one_half]
1/2

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.

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.

One Fourth
[one_fourth] Content goes here. [/one_fourth]
1/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. 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 Half
[one_half] Content goes here. [/one_half]
1/2

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.

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.

One Fourth
[one_fourth] Content goes here. [/one_fourth]
1/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. 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 Fourth
[one_fourth] Content goes here. [/one_fourth]
1/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. 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.

Two Fifth
[two_fifth] Content goes here. [/two_fifth]
2/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.

Three Fifth
[three_fifth] Content goes here. [/three_fifth]
3/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.

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

m

Custom margin width. (Default: 25, pixels)

m="10"

align

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

align="right"
align="center"

2012 © Your Company Name
TopBusiness Premium WordPress theme by PandaThemes