List Styles

Styled lists are available in following types: star, arrow, cross, check, thumbs, gear, time, note, plus, guard, event, idea, link, settings, home, phone, email, user, twitter, skype , white-bullet, orange-bullet, black-bullet, red-bullet, yellow-bullet, green-bullet and blue-bullet.

  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
Get the list code
[list style="star"]
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
[/list]
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
Get the list code with columns
[column size="1-4"]

[list style="white-bullet"]
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
[/list]

[list style="orange-bullet"]
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
[/list]

[/column]

[column size="1-4"]

[list style="black-bullet"]
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
[/list]

[list style="red-bullet"]
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
[/list]

[/column]

[column size="1-4"]

[list style="yellow-bullet"]
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
[/list]

[list style="green-bullet"]
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
[/list]

[/column]

[column size="1-4" last="1"]

[list style="blue-bullet"]
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
[/list]

[/column]