Lists

[heading]Lists[/heading]

[column size=”1/4″]

Star

[list type=”star”]

  • This is an item
  • This is an item
  • This is an item
  • This is an item
  • This is an item

[/list]

[/column]

[column size=”1/4″]

Plus

[list type=”plus”]

  • This is an item
  • This is an item
  • This is an item
  • This is an item
  • This is an item

[/list]

[/column]

[column size=”1/4″]

Minus

[list type=”minus”]

  • This is an item
  • This is an item
  • This is an item
  • This is an item
  • This is an item

[/list]

[/column]

[column size=”1/4″ last=”true”]

Hash

[list type=”hash”]

  • This is an item
  • This is an item
  • This is an item
  • This is an item
  • This is an item

[/list]

[/column]

[pre][[list type=”star”]
<ul>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
</ul>
[/list]][/pre]

[heading]Iconlist[/heading]

[column size=”1/4″]

Check icon

[iconlist icon=”checkmark”]

  • This is an item
  • This is an item
  • This is an item
  • This is an item
  • This is an item

[/iconlist]

[/column]

[column size=”1/4″]

Pencil icon

[iconlist icon=”pencil”]

  • This is an item
  • This is an item
  • This is an item
  • This is an item
  • This is an item

[/iconlist]

[/column]

[column size=”1/4″]

Icon with color

[iconlist icon=”star” color=”yellow”]

  • This is an item
  • This is an item
  • This is an item
  • This is an item
  • This is an item

[/iconlist]

[/column]

[column size=”1/4″ last=”true”]

Mix of icons

[iconlist]

[li icon=”bolt”]This is an item[/li]

[li icon=”airplane”]This is an item[/li]

[li icon=”export”]This is an item[/li]

[li icon=”cone”]This is an item[/li]

[li icon=”share”]This is an item[/li]

[/iconlist]

[/column]

[pre][[iconlist icon=”checkmark”]
<ul>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
</ul>
[/iconlist]]
[[iconlist icon=”star” color=”yellow”]
<ul>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
</ul>
[/iconlist]]
[[iconlist]
[li icon=”bolt”]This is an item[/li]
[li icon=”airplane”]This is an item[/li]
[li icon=”export”]This is an item[/li]
[li icon=”cone”]This is an item[/li]
[li icon=”share”]This is an item[/li]
[/iconlist]][/pre]

[hr /]

Usage

Here’re parameters of list shortcode:

[list type=”plus”]

  • type: Select 1 of 4 types: star, plus, minus, hash

[/list]

There’re 2 ways that iconlist shortcode works.

First way: All list items have the same icon

[pre][[iconlist icon=”checkmark”]
<ul>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
<li>This is an item</li>
</ul>
[/iconlist]][/pre]

There’s only 1 parameter, choose the icon from icon set.

Second way: Customize icon for each list item.

[pre][[iconlist]
[li icon=”bolt”]This is an item[/li]
[li icon=”airplane”]This is an item[/li]
[li icon=”export”]This is an item[/li]
[li icon=”cone”]This is an item[/li]
[li icon=”share”]This is an item[/li]
[/iconlist]][/pre]

Here’re parameters of the li inside iconlist shortcode:

[list type=”plus”]

  • icon: choose the icon from icon set.
  • color: any color: red, blue, orange… or a custom color code such as #12dada. Default is black color.

[/list]

Leave a Reply

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