Call us (0123)-456-789. Support 247

Lists

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]

Iconlist

Check icon

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

Pencil icon

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

Icon with color

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

Mix of icons

  • This is an item
  • This is an item
  • This is an item
  • This is an item
  • This is an item
[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]

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]

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]

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.