List Styles
Styled lists are available in following types: star, arrow, cross, check, thumbs, gear, time, note, plus, guard, event, idea, link, settings, home, phone, email, user, twitter, skype , white-bullet, orange-bullet, black-bullet, red-bullet, yellow-bullet, green-bullet and blue-bullet.
[divider]
[column size=”1-4″]
[list style=”star”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”arrow”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”check”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”cross”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”thumbs”]
- List item
- List item
- List item
[/list]
[/column]
[column size=”1-4″]
[list style=”link”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”gear”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”time”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”note”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”plus”]
- List item
- List item
- List item
[/list]
[/column]
[column size=”1-4″]
[list style=”guard”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”event”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”idea”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”settings”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”twitter”]
- List item
- List item
- List item
[/list]
[/column]
[column size=”1-4″ last=”1″]
[list style=”home”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”phone”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”email”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”user”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”skype”]
- List item
- List item
- List item
[/list]
[/column]
[spoiler title=”Get the list code”]
[[list style="star"] <ul> <li>List item</li> <li>List item</li> <li>List item</li> </ul> [/list]]
[/spoiler]
[spacer size=”15″]
[column size=”1-4″]
[list style=”white-bullet”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”orange-bullet”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[/column]
[column size=”1-4″]
[list style=”black-bullet”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”red-bullet”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[/column]
[column size=”1-4″]
[list style=”yellow-bullet”]
- List item
- List item
- List item
[/list]
[spacer size=”5″]
[list style=”green-bullet”]
- List item
- List item
- List item
[/list]
[/column]
[column size=”1-4″ last=”1″]
[list style=”blue-bullet”]
- List item
- List item
- List item
[/list]
[/column]
[clear]
[spoiler title=”Get the list code with columns”]
[column size="1-4"] [list style="white-bullet"] <ul> <li>List item</li> <li>List item</li> <li>List item</li> </ul> [/list] [list style="orange-bullet"] <ul> <li>List item</li> <li>List item</li> <li>List item</li> </ul> [/list] [/column] [column size="1-4"] [list style="black-bullet"] <ul> <li>List item</li> <li>List item</li> <li>List item</li> </ul> [/list] [list style="red-bullet"] <ul> <li>List item</li> <li>List item</li> <li>List item</li> </ul> [/list] [/column] [column size="1-4"] [list style="yellow-bullet"] <ul> <li>List item</li> <li>List item</li> <li>List item</li> </ul> [/list] [list style="green-bullet"] <ul> <li>List item</li> <li>List item</li> <li>List item</li> </ul> [/list] [/column] [column size="1-4" last="1"] [list style="blue-bullet"] <ul> <li>List item</li> <li>List item</li> <li>List item</li> </ul> [/list] [/column]
[/spoiler]