Your normal unordered <ul></ul> and ordered <ol></ol> list are of course included with our framework. In addition, we add an option if you wrap the list with the [icon_list] shortcode then you can replace the default bullet with a Font Awesome icon or image.
Unordered List
- Lorem ipsum dolor sit amet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Eget porttitor lorem
Ordered List
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
Icon List
After you’ve inserted a standard unordered list, wrap it in the shortcode to make it stand out a little more using [icon_list] .... [/icon_list].
General Use
[icon_list] <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> [/icon_list]
[icon_list icon="star"] <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> [/icon_list]
[icon_list icon="star" color="gold"] <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> [/icon_list]
Options
| Argument | Default | Description |
|---|---|---|
| icon | chevron-right | Icon before text (view icons). Ex: arrow-right, chevron-right, twitter, etc. Note: Do not prefix icon ID with fa-. |
| img_icon | Use a custom image in place of the list bullet. For best results, The image should be no larger than 14x14 in size. | |
| color | If using a vector icon, you can set a hex value color (#0099ff) |