Basics template

Menu
  • Home
  • Store
  • Features
    • Module Positions
    • Module Variations
    • Navigation Styles
      • Main Navigation
      • Vertical Menus
      • Horizontal Menus
    • Typography
      • Image Styles
      • Button Styles
      • Bootstrap Styles
      • List Styles
      • Icon Styles
    • Error 404 Page
    • Offline Page
  • Joomla
    • Joomla Content
      • Category Blog
      • List All Categories
      • Single Article
      • Archived Article
      • Tagged Items
      • List of Tagged Items
      • List of All Tags
      • Search
      • Single News Feed
      • List News Feeds
      • Username Reminder
      • Password Reset
      • Iframe Wrapper
    • Joomla Modules
  • Extensions
  • Docs

Basics template

  • Home
  • Store
  • Features
    • Module Positions
    • Module Variations
    • Navigation Styles
      • Main Navigation
      • Vertical Menus
      • Horizontal Menus
    • Typography
      • Image Styles
      • Button Styles
      • Bootstrap Styles
      • List Styles
      • Icon Styles
    • Error 404 Page
    • Offline Page
  • Joomla
    • Joomla Content
      • Category Blog
      • List All Categories
      • Single Article
      • Archived Article
      • Tagged Items
      • List of Tagged Items
      • List of All Tags
      • Search
      • Single News Feed
      • List News Feeds
      • Username Reminder
      • Password Reset
      • Iframe Wrapper
    • Joomla Modules
  • Extensions
  • Docs

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 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

  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 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

  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

© 2021 FavThemes