Columns & Space

[title text=”Columns & Fluid Grid” size=”h3″ line=”yes” icon=”fa-cog”] [row] [column width=”1/2″]

Half Column

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/column] [column width=”1/2″]

Half Column

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/column] [/row]

[row]
[column width="1/2"]...[/column]
[column width="1/2"]...[/column]
[/row]
[row] [column width=”1/3″]

1/3 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/column] [column width=”1/3″]

1/3 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/column] [column width=”1/3″]

1/3 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/column] [/row]

[row]
[column width="1/3"]...[/column]
[column width="1/3"]...[/column]
[column width="1/3"]...[/column]
[/row]
[row] [column width=”1/3″]

1/3 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/column] [column width=”2/3″]

2/3 Columns & Inner Columns

[inner_row] [inner_column width=”1/3″]

1/3 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/inner_column] [inner_column width=”1/3″]

1/3 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/inner_column] [inner_column width=”1/3″]

1/3 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/inner_column] [/inner_row] [/column] [/row]

[row]
[column width="1/3"]...[/column]
[column width="2/3"]
   ...
   [inner_row]
      [inner_column width="1/3"]...[/inner_column]
      [inner_column width="1/3"]...[/inner_column]
      [inner_column width="1/3"]...[/inner_column]
   [/inner_row]
[/column]
[/row]
[row] [column width=”1/4″]

1/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/column] [column width=”2/4″]

2/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/column] [column width=”1/4″]

1/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/column] [/row]

[row]
[column width="1/4"]...[/column]
[column width="2/4"]...[/column]
[column width="1/4"]...[/column]
[/row]
[row] [column width=”1/3″] [inner_row] [inner_column width=”1/2″]
1/2 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/inner_column] [inner_column width=”1/2″]

2/2 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/inner_column] [/inner_row] [/column] [column width=”2/3″] [inner_row] [inner_column width=”1/4″]

1/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/inner_column] [inner_column width=”1/4″]

1/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/inner_column] [inner_column width=”2/4″]

2/4 Columns

Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/inner_column] [/inner_row] [/column] [/row]

[row]
  [column width="1/3"]
     [inner_row]
         [inner_column width="1/2"]...[/inner_column]
         [inner_column width="1/2"]...[/inner_column]
     [/inner_row]
  [/column]
  [column width="2/3"]
     [inner_row]
        [inner_column width="1/4"]...[/inner_column]
        [inner_column width="1/4"]...[/inner_column]
        [inner_column width="2/4"]...[/inner_column]
     [/inner_row]
  [/column]
[/row]

1 Columns

[row][column width=”1/1″] Sed pulvinar purus sed justo aliquam tristique. Aenean ac dolor magna, at varius velit. Etiam et elit sapien. In eu turpis ut sem malesuada cursus. Maecenas sed justo nulla.
[/column] [/row]
[row][column width="1/1"]...[/column][/row]
[space line=”yes” top=”20px” bottom=”30px” style=”dashed” color=”#ff0000″ width=”30%”]
[space line="yes" top="20px" bottom="30px" style="dashed" color="#ff0000" width="30%"]
[space line=”yes” top=”40px” bottom=”40px” style=”solid” color=”#cc3dd0″ width=”60%”]
[space line="yes" top="40px" bottom="40px" style="solid" color="#cc3dd0" width="60%"]
[space line=”yes” top=”30px” bottom=”30px” style=”solid” color=”#e8e8e8″ width=”100%”]
[space line="yes" top="30px" bottom="30px" style="solid" color="#e8e8e8" width="100%"]
[space]
[space]
[space] [title text=”Columns & Space Shortcode” size=”h3″ line=”yes” icon=”fa-code”]
[row][/row]
[inner_row][/inner_row]
[column width="1/1"][/column]
[column width="1/2"][/column]
[column width="1/3"][/column]
[column width="2/3"][/column]
[column width="1/4"][/column]
[column width="2/4"][/column]
[column width="3/4"][/column]
[inner_column width="1/1"][/inner_column]
[inner_column width="1/2"][/inner_column]
[inner_column width="1/3"][/inner_column]
[inner_column width="2/3"][/inner_column]
[inner_column width="1/4"][/inner_column]
[inner_column width="2/4"][/inner_column]
[inner_column width="3/4"][/inner_column]
[space top="20px" bottom="20px" line="yes/no" style="solid/dashed" color="#e8e8e8" width="100%"]

Leave a Reply

Your email address will not be published. Required fields are marked *