Commentaires récents

Articles récents

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]

No Comments

Leave a Reply

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Les Réseaux Sociaux

×