As you maybe have seen before on the icons, of course it's also possible to use them in list-styles. Like all elements in this template extrem easy to use without need of coding or complicated techniques.

  • All list styles are retina ready, so they look great on devices with high resolution
  • Really great variaty, see the rich list here, there are icons for every needed possibility
  • Also it's possible to use different icons in one list, use crosses or checkboxes in one list

Demo

List with Class "list-dot"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

List with Class "list-cross"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

List with Class "list-ok"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

List with Class "list-plus"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

List with Class "list-star"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

List with Class "list-arrow3"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

List with Class "list-arrow5"

  • List item
  • List item
  • List item
    • List item
    • List item
    • List item
  • List item
  • List item
  • List item

List with Class "icon"

  • List item
  • List item
  • List item
    • List item
    • List item
    • List item
  • List item
  • List item
  • List item

List with Class "icon"

  • List item
  • List item
  • List item
    • List item
    • List item
    • List item
  • List item
  • List item
  • List item

How to use

You can use this Shortcodes everywhere in your content, click here to find out more.

{list | Type of the Icon (list-dot, list-dot-dark, list-cross, list-cross-dark, list-ok, list-ok-dark, list-plus, list-plus-dark, list-star- list-star-dark, list-arrow3, list-arrow3-dark, list-arrow5, list-arrow5-dark, icon or type3)} {listing}Type in some text to display in this list{/listing} {listing}Type in some text to display in this list{/listing} {listing}Type in some text to display in this list{/listing} {/list} Example for List Styles {list | list-arrow3} {listing}Listing{/listing} {listing}Listing{/listing} {listing}Listing{/listing} {/list} Example for List Style icon or type3 (custom icons, many available) {list | icon} {listing}{icon | fa-check}Listing{/listing} {listing}{icon | fa-check}}Listing{/listing} {listing}{icon | fa-check}}Listing{/listing} {/list}

Attention: Many many more list-styles are possible, see all available icons here.