2 minutes read

Columns

Parameters:

  • class – add a CSS class.
  • id – add an unique id.
  • style – add an inline style.

Exemplary usage:

One full

[columns class="" id="" style=""]
[one_full class="" id="" style=""]One full[/one_full]
[/columns]

One half + One half

[columns]
[one_half]One half[/one_half]
[one_half]One half[/one_half]
[/columns]

One third + One third + One third

[columns]
[one_third]One third[/one_third]
[one_third]One third[/one_third]
[one_third]One third[/one_third]
[/columns]

One fourth + One fourth + One fourth + One fourth

[columns]
[one_fourth]One fourth[/one_fourth]
[one_fourth]One fourth[/one_fourth]
[one_fourth]One fourth[/one_fourth]
[one_fourth]One fourth[/one_fourth]
[/columns]

One third + two thirds

[columns]
[one_third]One third[/one_third]
[two_thirds]Two thirds[/two_thirds]
[/columns]

One fourth + One fourth + One half

[columns]
[one_fourth]One fourth[/one_fourth]
[one_fourth]One fourth[/one_fourth]
[one_half]One half[/one_half]
[/columns]

One fourth + Three Fourths

[columns]
[one_fourth]One fourth[/one_fourth]
[three_fourths]Three fourths[/three_fourths]
[/columns]

One fifth + One fifth + One fifth + One fifth + One fifth

[columns]
[one_fifth]One fifth[/one_fifth]
[one_fifth]One fifth[/one_fifth]
[one_fifth]One fifth[/one_fifth]
[one_fifth]One fifth[/one_fifth]
[one_fifth]One fifth[/one_fifth]
[/columns]

One sixth + One sixth + One sixth + One sixth + One sixth + One sixth

[columns]
[one_sixth]One sixth[/one_sixth]
[one_sixth]One sixth[/one_sixth]
[one_sixth]One sixth[/one_sixth]
[one_sixth]One sixth[/one_sixth]
[one_sixth]One sixth[/one_sixth]
[one_sixth]One sixth[/one_sixth]
[/columns]

See also demo of columns. In full download package (Dummy data/shortcodes-pages/columns.html) You can find the file with shortcodes we used to create demo page.

Did you know...

You can use columns element in drag and drop website builder (Visual Composer) and customize this element easily without coding skills. Parameters and design options are the same as in shortcode.