Designed for the lists inside the articles or custom type HTML Joomla! modules, the list styles can be used to customize the appearance of your lists and adapt to every background type (light, clear, dark and color).

Square Unordered List

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

Square Ordered List

  1. list item
  2. list item
  3. list item
  4. list item
<ol class="favth-list-square">
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ol>

Circle Unordered List

  • list item
  • list item
  • list item
  • list item
<ul class="favth-list-circle">
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>

Circle Ordered List

  1. list item
  2. list item
  3. list item
  4. list item
<ul class="favth-list-circle">
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>
To use the list styles, insert the code from the examples into your text editor. Make sure the code is added in the HTML mode by pressing the Toggle editor button.

List Style + light

The list style adapts for every background type:

  • list item
  • list item
  • list item
  • list item

List Style + clear/dark

The list style adapts for every background type:

  • list item
  • list item
  • list item
  • list item

List Style + color

The list style adapts for every background type:

  • list item
  • list item
  • list item
  • list item