Lists
Star
- This is an item
- This is an item
- This is an item
- This is an item
- This is an item
Plus
- This is an item
- This is an item
- This is an item
- This is an item
- This is an item
Minus
- This is an item
- This is an item
- This is an item
- This is an item
- This is an item
Hash
- This is an item
- This is an item
- This is an item
- This is an item
- This is an item
[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]
<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]
Iconlist
Check icon
Pencil icon
Icon with color
Mix of icons
[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]
<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]
Usage
Here’re parameters of list shortcode:
- type: Select 1 of 4 types: star, plus, minus, hash
There’re 2 ways that iconlist shortcode works.
First way: All list items have the same icon
[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]
<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]
There’s only 1 parameter, choose the icon from icon set.
Second way: Customize icon for each list item.
[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]
[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]
Here’re parameters of the li inside iconlist shortcode:
- 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.