[header style=”” type=”h3″]Some info before you go on[/header]

The column template is based on percentages. Meaning that no matter where you put a one-half column, it will always be half of that total width.

Take some time to read these 4 blocks of information.

[padding size=”15″]
[header style=”” type=”h3″]Size[/header]

The column shortcode has only one base shortcode, but many attributes. You will always use the shortcode “column”, but changing the attribute size=””.

[header style=”” type=”h3″]Last Columns[/header]

Whenever you’re setting a group of columns, the last one that closes the whole block, will need the last attribute. For example, when we have 3 columns with size one-third, the third column will have the attribute last=”true”

[header style=”” type=”h3″]Columns Inside Columns[/header]

You are most welcome to put columns inside columns. A one-half column inside a one-half column will consequently give you a one-fourth column. Just keep in mind that this may cause troubles, so add a _ sign in front of the shortcode

[padding size="49"]

For example. If you have a one-half inside a one-half, The child column, instead of being [raw]

[/raw] it will be [raw]
[/raw]. You can add up to 5 _ signs.

[clear] [divider_top text=""] [_column size="one-half"] [header style="" type="h4"]one-half[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis, at tincidunt dui fermentum sit amet. Praesent risus neque, mollis ut volutpat eget, ornare sed velit. Vivamus eu ipsum sapien. Aliquam id lacus eu orci accumsan pellentesque. Cras laoreet velit at quam tempus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Suspendisse in consequat orci.

[sourcecode language="plain"][column size="one-half"]

...

[/column][/sourcecode] [/_column] [_column size="one-half" last="last"] [header style="" type="h4"]one-half Last[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis, at tincidunt dui fermentum sit amet. Praesent risus neque, mollis ut volutpat eget, ornare sed velit. Vivamus eu ipsum sapien. Aliquam id lacus eu orci accumsan pellentesque. Cras laoreet velit at quam tempus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Suspendisse in consequat orci.

[sourcecode language="plain"][column size="one-half" last="last"]

...

[/column][/sourcecode] [/_column] [clear] [padding size="10"] [_column size="one-third"] [header style="" type="h4"]one-third[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis, at tincidunt dui fermentum sit amet. Praesent risus neque, mollis ut volutpat eget, ornare sed velit. Vivamus eu ipsum sapien.

[sourcecode language="plain"][column size="one-third"]

...

[/column][/sourcecode] [/_column] [_column size="two-thirds" last="last"] [header style="" type="h4"]two-thirds Last[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis, at tincidunt dui fermentum sit amet. Praesent risus neque, mollis ut volutpat eget, ornare sed velit. Vivamus eu ipsum sapien. Aliquam id lacus eu orci accumsan pellentesque. Cras laoreet velit at quam tempus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Suspendisse in consequat orci. Suspendisse potenti. Suspendisse in consequat orci. Suspendisse potenti. Suspendisse in consequat orci.

[sourcecode language="plain"][column size="two-thirds" last="last"]

...

[/column][/sourcecode] [/_column] [clear] [padding size="10"] [_column size="one-fourth"] [header style="" type="h4"]one-fourth[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis, at tincidunt dui fermentum sit amet. Praesent risus neque, mollis ut volutpat eget.

[sourcecode language="plain"][column size="one-fourth"]

...

[/column][/sourcecode] [/_column] [_column size="three-fourths" last="last"] [header style="" type="h4"]three-fourths Last[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis, at tincidunt dui fermentum sit amet. Praesent risus neque, mollis ut volutpat eget, ornare sed velit. Vivamus eu ipsum sapien. Aliquam id lacus eu orci accumsan pellentesque. Cras laoreet velit at quam tempus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Suspendisse in consequat orci. Suspendisse potenti. Suspendisse in consequat orci. Cras laoreet velit at quam tempus pellentesque. Suspendisse potenti. Suspendisse in consequat orci.

[sourcecode language="plain"][column size="three-fourths" last="last"]

...

[/column][/sourcecode] [/_column] [clear] [padding size="10"] [_column size="four-fifths"] [header style="" type="h4"]four-fifths[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis, at tincidunt dui fermentum sit amet. Praesent risus neque, mollis ut volutpat eget, ornare sed velit. Vivamus eu ipsum sapien. Aliquam id lacus eu orci accumsan pellentesque. Cras laoreet velit at quam tempus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Suspendisse in consequat orci. Suspendisse potenti. Suspendisse in consequat orci. Cras laoreet velit at quam tempus pellentesque. Suspendisse potenti. Suspendisse in consequat orci.

[sourcecode language="plain"][column size="four-fifths"]

...

[/column][/sourcecode] [/_column] [_column size="one-fifth" last="last"] [header style="" type="h4"]one-fifth Last[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis.

[sourcecode language="plain"][column size="one-fifth" last="last"]

...

[/column][/sourcecode] [/_column] [clear] [padding size="10"] [_column size="two-fifths"] [header style="" type="h4"]two-fifths[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis, at tincidunt dui fermentum sit amet. Praesent risus neque, mollis ut volutpat eget, ornare sed velit. Vivamus eu ipsum sapien. Aliquam id lacus eu orci accumsan pellentesque. Cras laoreet velit at quam tempus pellentesque. Lorem ipsum dolor sit amet, consectetur.

[sourcecode language="plain"][column size="two-fifths"]

...

[/column][/sourcecode] [/_column] [_column size="three-fifths" last="last"] [header style="" type="h4"]three-fifths last[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis, at tincidunt dui fermentum sit amet. Praesent risus neque, mollis ut volutpat eget, ornare sed velit. Vivamus eu ipsum sapien. Aliquam id lacus eu orci accumsan pellentesque. Cras laoreet velit at quam tempus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Suspendisse in consequat orci. Suspendisse potenti. Suspendisse in consequat orci. Cras laoreet velit at quam tempus pellentesque. Suspendisse potenti. Suspendisse in consequat orci.

[sourcecode language="plain"][column size="three-fifths" last="last"]

...

[/column][/sourcecode] [/_column] [clear] [padding size="10"] [_column size="one-sixth"] [header style="" type="h4"]one-sixth[/header]

Aenean ac felis sit amet nisi vestibulum accumsan.

[sourcecode language="plain"][column size="one-sixth"]

...

[/column][/sourcecode] [/_column] [_column size="five-sixths" last="last"] [header style="" type="h4"]five-sixths last[/header]

Aenean ac felis sit amet nisi vestibulum accumsan. Aenean bibendum ultrices felis, at tincidunt dui fermentum sit amet. Praesent risus neque, mollis ut volutpat eget, ornare sed velit. Vivamus eu ipsum sapien. Aliquam id lacus eu orci accumsan pellentesque. Cras laoreet velit at quam tempus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Suspendisse in consequat orci. Suspendisse potenti. Suspendisse in consequat orci. Cras laoreet velit at quam tempus pellentesque. Suspendisse potenti. Suspendisse in consequat orci.

[sourcecode language="plain"][column size="five-sixths" last="last"]

...

[/column][/sourcecode] [/_column]

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.