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]