Columns Shortcodes

Standard Columns

  • One Half

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fermentum tempor nulla in fermentum. Mauris ultricies libero quis ligula cursus semper. Nulla enim dui, consectetur sed.

  • One Half

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Get The Code

[one_half]

<strong>One Half</strong>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fermentum tempor nulla in <a href="#">fermentum</a>. Mauris ultricies libero quis ligula cursus semper. Nulla enim dui, consectetur sed.

[/one_half]

[one_half_last]

<strong>One Half</strong>

Aenean neque nulla, <a href="#">tristique</a> in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

[/one_half_last]

  • One Third

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

  • One Third

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

  • One Third

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

Get The Code

[one_third]

<h4>One Third</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna <a href="#">elementum</a>.

[/one_third]

[one_third]

<h4>One Third</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. <a href="#">Quisque</a> rhoncus, lectus id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

[/one_third]

[one_third_last]

<h4>One Third</h4>

Aenean neque <a href="#">nulla</a>, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, <a href="#">lectus</a> id accumsan viverra, mauris lorem suscipit velit, ut tristique felis urna elementum.

[/one_third_last]

  • One Fourth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan.

  • One Fourth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan.

  • One Fourth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan.

  • One Fourth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan.

Get The Code

[one_fourth]

<h4>One Fourth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan.

[/one_fourth]

[one_fourth]

<h4>One Fourth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan.

[/one_fourth]

[one_fourth]

<h4>One Fourth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan.

[/one_fourth]

[one_fourth_last]

<h4>One Fourth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan.

[/one_fourth_last]

  • One Fifth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

  • One Fifth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

  • One Fifth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

  • One Fifth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

  • One Fifth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

Get The Code

[one_fifth]

<h4>One Fifth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_fifth]

[one_fifth]

<h4>One Fifth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_fifth]

[one_fifth]

<h4>One Fifth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_fifth]

[one_fifth]

<h4>One Fifth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_fifth]

[one_fifth_last]

<h4>One Fifth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_fifth_last]

  • One Sixth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

  • One Sixth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

  • One Sixth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

  • One Sixth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

  • One Sixth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

  • One Sixth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

Get The Code

[one_sixth]

<h4>One Sixth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_sixth]

[one_sixth]

<h4>One Sixth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_sixth]

[one_sixth]

<h4>One Sixth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_sixth]

[one_sixth]

<h4>One Sixth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_sixth]

[one_sixth]

<h4>One Sixth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_sixth]

[one_sixth_last]

<h4>One Sixth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus.

[/one_sixth_last]

Vertical Alignment

  • Aenean tellus justo, vehicula non sollicitudin vitae, pretium sed enim. Curabitur pulvinar venenatis turpis, quis tincidunt nisi imperdiet quis.

  • Curabitur malesuada, dolor nec luctus convallis, libero magna suscipit tellus, non pulvinar dui erat a neque. Praesent nisi magna, ultrices ac malesuada luctus, aliquam sit amet ligula. Integer venenatis, magna quis viverra iaculis, nibh quam molestie nunc, nec dictum nunc dui in ligula. Praesent massa dolor, pretium non sodales sed, molestie ac urna.

  • Proin elementum mi non lectus molestie et mollis sem tincidunt. Nullam tristique justo fermentum nisl vehicula elementum. Aenean in ante at nisl auctor mattis. Aliquam tincidunt magna ac ipsum accumsan eget tincidunt neque aliquam. Donec diam erat, adipiscing eu laoreet sed, sagittis ut magna. Etiam pharetra arcu vel tortor consequat eu consectetur elit scelerisque. Praesent eget elementum mauris. Donec non nisl at urna congue congue. Donec et felis nec dolor feugiat volutpat nec in justo.

Get The Code

[one_third valign="middle"]

Aenean tellus justo, vehicula non sollicitudin vitae, pretium sed enim. Curabitur pulvinar venenatis turpis, quis tincidunt nisi imperdiet quis.

[/one_third]

[one_third valign="middle"]

Curabitur malesuada, dolor nec luctus convallis, libero magna suscipit tellus, non pulvinar dui erat a neque. Praesent nisi magna, ultrices ac malesuada luctus, aliquam sit amet ligula. Integer venenatis, magna quis viverra iaculis, nibh quam molestie nunc, nec dictum nunc dui in ligula. Praesent massa dolor, pretium non sodales sed, molestie ac urna.

[/one_third]

[one_third_last valign="middle"]

Proin elementum mi non lectus molestie et mollis sem tincidunt. Nullam tristique justo fermentum nisl vehicula elementum. Aenean in ante at nisl auctor mattis. Aliquam tincidunt magna ac ipsum accumsan eget tincidunt neque aliquam. Donec diam erat, adipiscing eu laoreet sed, sagittis ut magna. Etiam pharetra arcu vel tortor consequat eu consectetur elit scelerisque. Praesent eget elementum mauris. Donec non nisl at urna congue congue. Donec et felis nec dolor feugiat volutpat nec in justo.

[/one_third_last]

Irregular Grid

  • One Fourth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id.

  • One Half

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan. Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan.

  • One Fourth

    Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id.

Get The Code

[one_fourth]

<h4>One Fourth</h4>

Aenean neque nulla, tristique in <a href="#">convallis</a> et, lacinia scelerisque purus. Quisque rhoncus, lectus id.

[/one_fourth]

[one_half]

<h4>One Half</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, <a href="#">lectus</a> id accumsan. Aenean neque nulla, tristique in convallis et, lacinia scelerisque purus. Quisque rhoncus, lectus id accumsan.

[/one_half]

[one_fourth_last]

<h4>One Fourth</h4>

Aenean neque nulla, tristique in convallis et, lacinia scelerisque <a href="#">purus</a>. Quisque rhoncus, lectus id.

[/one_fourth_last]

Share