The fancy lists are relatively easy to use. To create them you have to type out a list in HTML format and then nest it with your list style shortcode. We have 21 styles and 10 color variations.
[divider style=”thin” margin=”40px 0 40px 0″]
[one_fourth]
[list style=”disc” color=”black”]
- style = disc
- style = disc
- style = disc
[/list]
[/one_fourth]
[one_fourth]
[list style=”circle” color=”red”]
- style = circle
- style = circle
- style = circle
[/list]
[/one_fourth]
[one_fourth]
[list style=”square” color=”green”]
- style = square
- style = square
- style = square
[/list]
[/one_fourth]
[one_fourth_last]
[list style=”check” color=”blue”]
- style = Checkmark
- style = Checkmark
- style = Checkmark
[/list]
[/one_fourth_last]
[one_fourth]
[list style=”arrow2″ color=”cyan”]
- style = arrow2
- style = arrow2
- style = arrow2
[/list]
[/one_fourth]
[one_fourth]
[list style=”arrow3″ color=”navy”]
- style = arrow3
- style = arrow3
- style = arrow3
[/list]
[/one_fourth]
[one_fourth]
[list style=”arrow4″ color=”pink”]
- style = arrow4
- style = arrow4
- style = arrow4
[/list]
[/one_fourth]
[one_fourth_last]
[list style=”arrow5″ color=”yellow”]
- style = arrow5
- style = arrow5
- style = arrow5
[/list]
[/one_fourth_last]
[one_fourth]
[list style=”bullet1″ color=”orange”]
- style = bullet1
- style = bullet1
- style = bullet1
[/list]
[/one_fourth]
[one_fourth]
[list style=”bullet2″ color=”magenta”]
- style = bullet2
- style = bullet2
- style = bullet2
[/list]
[/one_fourth]
[one_fourth]
[list style=”bullet3″ color=”black”]
- style = bullet3
- style = bullet3
- style = bullet3
[/list]
[/one_fourth]
[one_fourth_last]
[list style=”bullet4″ color=”red”]
- style = bullet4
- style = bullet4
- style = bullet4
[/list]
[/one_fourth_last]
[one_fourth]
[list style=”bullet5″ color=”green”]
- style = bullet5
- style = bullet5
- style = bullet5
[/list]
[/one_fourth]
[one_fourth]
[list style=”star1″ color=”blue”]
- style = star1
- style = star1
- style = star1
[/list]
[/one_fourth]
[one_fourth]
[list style=”star2″ color=”cyan”]
- style = star2
- style = star2
- style = star2
[/list]
[/one_fourth]
[one_fourth_last]
[list style=”star3″ color=”navy”]
- style = star3
- style = star3
- style = star3
[/list]
[/one_fourth_last]
[one_fourth]
[list style=”plus” color=”yellow”]
- style = plus
- style = plus
- style = plus
[/list]
[/one_fourth]
[one_fourth]
[list style=”minus” color=”pink”]
- style = minus
- style = minus
- style = minus
[/list]
[/one_fourth]
[one_fourth]
[list style=”pointer” color=”orange”]
- style = pointer
- style = pointer
- style = pointer
[/list]
[/one_fourth]
[one_fourth_last]
[list style=”style1″ color=”magenta”]
- style = style1
- style = style1
- style = style1
[/list]
[/one_fourth_last]
[divider style=”thin” margin=”60px 0 40px 0″]
Get The Code:
[demo_space height=”20px”]
[list style="style1" color="magenta"]
<ul>
<li>List item...</li>
<li>List item...</li>
<li>List item...</li>
</ul>
[/list]
[divider style=”thin” margin=”40px 0 40px 0″]
Customization Options and Features:
[demo_space height=”20px”]
[list style=”square” color=”black”]
- List Style: Choose the list style you wish to use.
- List Color: Select the color variation.
- Content: or List Items use HTML Elements <ul><li>List Item</li></ul>
[/list]