• List item
  • List item
  • List item
[su_list icon="icon: star" icon_color="#ffde0f"]
<ul>
 	<li>List item</li>
 	<li>List item</li>
 	<li>List item</li>
</ul>
[/su_list]
  • List item
  • List item
  • List item
[su_list icon="icon: heart" icon_color="#ff270f"]
<ul>
 	<li>List item</li>
 	<li>List item</li>
 	<li>List item</li>
</ul>
[/su_list]
PROs

  • List item
  • List item
  • List item
CONs

  • List item
  • List item
  • List item
[su_row]
[su_column size="1/2"]
<strong>PROs</strong>
[su_list icon="icon: check" icon_color="#37ff6d"]
<ul>
 	<li>List item</li>
 	<li>List item</li>
 	<li>List item</li>
</ul>
[/su_list]
[/su_column]
[su_column size="1/2"]
<strong>CONs</strong>
[su_list icon="icon: times" icon_color="#ff373c"]
<ul>
 	<li>List item</li>
 	<li>List item</li>
 	<li>List item</li>
</ul>
[/su_list]
[/su_column]
[/su_row]

Description

This shortcode allows you to create beautiful lists with custom icons.

Options

Option namePossible valuesDefault value
icon
You can upload custom icon for this list or pick a built-in icon
Fork Awesome icon name (with “icon:” prefix) or image URL. Examples: icon: star, http://example.com/icon.png. See available Fork Awesome icons.– none –
icon_color
This color will be applied to the selected icon. Does not works with uploaded icons
#HEX color#333333
indent
Defines list indent size (in pixels). Negative numbers are also allowed
Number from -100 to 1000
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)– none –