Lists

[title size=”3″ style=”line” align=”center” padding_bottom=”10″]Custom Lists (using FontAwesome icons!)[/title]

[center]Any FontAwesome icon can be used and colored to make your lists more appealing.[/center]

[divider height=”20″]

[one_fourth last=”no”]

[list type=”check”]

  • Item #1
  • Item #2
  • Item #3

[/list]

[/one_fourth]

[one_fourth last=”no”]

[list type=”thumbs-up”]

  • Item #1
  • Item #2
  • Item #3

[/list]

[/one_fourth]

[one_fourth last=”no”]

[list icon=”thumbs-down”]

  • Item #1
  • Item #2
  • Item #3

[/list]

[/one_fourth]

[one_fourth last=”yes”]

[list type=”circle”]

  • Item #1
  • Item #2
  • Item #3

[/list]

[/one_fourth]

[divider height=”40″]

[one_fourth last=”no”]

[list type=”flag” icon_color=”primary”]

  • Item #1
  • Item #2
  • Item #3

[/list]

[/one_fourth]

[one_fourth last=”no”]

[list type=”info-circle” icon_color=”purple”]

  • Item #1
  • Item #2
  • Item #3

[/list]

[/one_fourth]

[one_fourth last=”no”]

[list type=”check” icon_color=”blue”]

  • Item #1
  • Item #2
  • Item #3

[/list]

[/one_fourth]

[one_fourth last=”yes”]

[list type=”heart” icon_color=”coral”]

  • Item #1
  • Item #2
  • Item #3

[/list]

[/one_fourth]

[divider height=”40″]

[title size=”3″ style=”line” align=”center” padding_bottom=”20″]Standard Lists[/title]

[one_half last=”no”]

  • Item #1
  • Item #2
  • Item #3
    • Item #3a
    • Item #3b
  • Item #4

[/one_half]

[one_half last=”yes”]

  1. Item #1
  2. Item #2
  3. Item #3
    1. Item #3a
    2. Item #3b
  4. Item #4

[/one_half]

[divider height=”40″]

[code]

List Shortcode

==============

Standard lists are created by simply using the “visual” editor in WordPress. To create a custom list, do the same, then wrap with the list shortcode as seen below…

[list icon=”” icon_color=””]
<ul>
<li>Item #1</li>
<li>Item #2</li>
<li>Item #3</li>
</ul>
[/list]

icon: (please see: fortawesome.github.io/Font-Awesome/icons/)

icon_color: (default: same as text), primary (from Theme Options), red, orange, yellow, green, coral, blue, purple, brown, black, dark, gray/grey… or use a hex color code like “#00A0BF”

[/code]

[space]