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.

A propos

A propos

Le Petit Analyste

Bienvenue sur le site du Petit Analyste. Interviews de professionnels de la finance, présentations de formations ou encore conseils pour les Summer Internships, tout ce qu'il faut savoir pour réussir sa carrière en finance.

Les Réseaux Sociaux

×