Columns

Easily design beautiful column layout pages with the column short codes.


Attributes

Parameters Description Values Default
class Define a custom CSS class Class name N/A
padding Defines a fixed padding pixels, pt, em, % N/A
bg_color Define a custom background color HEX or RGB Value N/A
last Remove the right margin of the last column false, true false
Demo
Fullwidth
Fullwidth (12 columns)
[col12 bg_color="#60e8b0" padding="4%"]Fullwidth (12 columns)[/col12]
One half
1/2
1/2
[col6 bg_color="#60e8b0" padding="4%"]1/2[/col6]
[col6 bg_color="#a6ffda" padding="4%" last="true"]1/2[/col6]
One Third
1/3
1/3
1/3
[col4 bg_color="#60e8b0" padding="4%"]1/3[/col4]
[col4 bg_color="#a6ffda" padding="4%"]1/3[/col4]
[col4 bg_color="#60e8b0" padding="4%" last="true"]1/3[/col4]
Two Third
1/3
2/3
[col4 bg_color="#60e8b0" padding="4%"]1/3[/col4]
[col8 bg_color="#a6ffda" padding="4%" last="true"]2/3[/col8]
One Fourth
1/4
1/4
1/4
1/4
[col3 bg_color="#60e8b0" padding="4%"]1/4[/col3]
[col3 bg_color="#a6ffda" padding="4%"]1/4[/col3]
[col3 bg_color="#60e8b0" padding="4%"]1/4[/col3]
[col3 bg_color="#a6ffda" padding="4%" last="true"]1/4[/col3]
Three Fourth
1/4
3/4
[col3 bg_color="#60e8b0" padding="4%"]1/4[/col3]
[col9 bg_color="#a6ffda" padding="4%" last="true"]3/4[/col9]