[su_list icon="icon: star" icon_color="#ffde0f"] <ul> <li>List item</li> <li>List item</li> <li>List item</li> </ul> [/su_list]
[su_list icon="icon: heart" icon_color="#ff270f"] <ul> <li>List item</li> <li>List item</li> <li>List item</li> </ul> [/su_list]
[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]
This shortcode allows you to create beautiful lists with custom icons.
| Option name | Possible values | Default 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 100 | 0 |
| class Additional CSS class name(s) separated by space(s) | CSS class name(s) separated by space(s) | – none – |