[lead]Easily design beautiful column layout pages with the column short codes.[/lead]

Attribute(s)

[list type=”unordered”]

  • padding: set the column padding.
  • bg_color: set the background color of the column.
  • last: remove the right margin of the last column within a row (values: false, true).
  • [/list]

    one_half

    [row]
    [one_half bg_color=”#c1e8f3″ padding=”4%”]1/2[/one_half]
    [one_half bg_color=”#c1e8f3″ padding=”4%” last=”true”]1/2[/one_half]
    [/row]

    [code]
    [one_half bg_color=”#c1e8f3″ padding=”4%”]1/2[/one_half]
    [one_half bg_color=”#c1e8f3″ padding=”4%” last=”true”]1/2[/one_half]
    [/code]

    one_third

    [row]
    [one_third bg_color=”#c1e8f3″ padding=”4%”]1/3[/one_third]
    [one_third bg_color=”#c1e8f3″ padding=”4%”]1/3[/one_third]
    [one_third bg_color=”#c1e8f3″ padding=”4%” last=”true”]1/3[/one_third]
    [/row]

    [code]
    [one_third bg_color=”#c1e8f3″ padding=”4%”]1/3[/one_third]
    [one_third bg_color=”#c1e8f3″ padding=”4%”]1/3[/one_third]
    [one_third bg_color=”#c1e8f3″ padding=”4%” last=”true”]1/3[/one_third]
    [/code]

    two_third

    [row]
    [one_third bg_color=”#c1e8f3″ padding=”4%”]1/3[/one_third]
    [two_third bg_color=”#c1e8f3″ padding=”4%” last=”true”]2/3[/two_third]
    [/row]

    [code]
    [one_third bg_color=”#c1e8f3″ padding=”4%”]1/3[/one_third]
    [two_third bg_color=”#c1e8f3″ padding=”4%” last=”true”]2/3[/two_third]
    [/code]

    one_fourth

    [row]
    [one_fourth bg_color=”#c1e8f3″ padding=”4%”]1/4[/one_fourth]
    [one_fourth bg_color=”#c1e8f3″ padding=”4%”]1/4[/one_fourth]
    [one_fourth bg_color=”#c1e8f3″ padding=”4%”]1/4[/one_fourth]
    [one_fourth bg_color=”#c1e8f3″ padding=”4%” last=”true”]1/4[/one_fourth]
    [/row]

    [code]
    [one_fourth bg_color=”#c1e8f3″ padding=”4%”]1/4[/one_fourth]
    [one_fourth bg_color=”#c1e8f3″ padding=”4%”]1/4[/one_fourth]
    [one_fourth bg_color=”#c1e8f3″ padding=”4%”]1/4[/one_fourth]
    [one_fourth bg_color=”#c1e8f3″ padding=”4%” last=”true”]1/4[/one_fourth]
    [/code]

    three_fourth

    [row]
    [one_fourth bg_color=”#c1e8f3″ padding=”4%”]1/4[/one_fourth]
    [three_fourth bg_color=”#c1e8f3″ padding=”4%” last=”true”]3/4[/three_fourth]
    [/row]

    [code]
    [one_fourth bg_color=”#c1e8f3″ padding=”4%”]1/4[/one_fourth]
    [three_fourth bg_color=”#c1e8f3″ padding=”4%” last=”true”]3/4[/three_fourth]
    [/code]

    [spacer top=”24px” bottom=”24px”][/spacer]