Typography styles are a great way to customize the appearance of content elements such as Font Awesome icons, menus, images, buttons, Bootstrap elements, all with different color styles.

  • Home /
  • Typography /
  • List Styles

How to use the list styles

To use the list styles just type the following code inside your text editor. Make sure the code is added in the HTML mode:

<ul class="list-square">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<ol class="list-square">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>

How to apply the circle, color and dark list styles

For the circle, color or dark list styles, just replace list-square with list-circle, list-color or list-dark.

Square List Style

  • item
  • item
  • item
  • item
  1. item
  2. item
  3. item
  4. item

Circle List Style

  • item
  • item
  • item
  • item
  1. item
  2. item
  3. item
  4. item

Color List Style

  • item
  • item
  • item
  • item
  1. item
  2. item
  3. item
  4. item

Dark List Style

  • item
  • item
  • item
  • item
  1. item
  2. item
  3. item
  4. item