DnnContra list styles

Built in list styles

There are 12 different list styles for you to use in the DnnContra theme.

List 1

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 2

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 3

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 4

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 5

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 6

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 7

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 8

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 9

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 10

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 11

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5

List 12


To style your lists you just need to add a class of your choice to the <UL> See brlow:

    
<ul class="arrow-list">
    <li>List item 1<li>
    <li>List item 2<li>
    <li>List item 3<li>
    <li>List item 4<li>
    <li>List item 5<li>
</ul>

List style classes

Class name Description Example
angle-double-list List style 1
  • List item
arrow-list List style 2
  • List item
arrow-circle-list List style 3
  • List item
chevron-list List style 4
  • List item
chevron-circle-list List style 5
  • List item
caret-list List style 6
  • List item
caret-square-list List style 7
  • List item
tick-list List style 8
  • List item
tick-circle-list List style 9
  • List item
cross-list List style 10
  • List item
cross-circle-list List style 11
  • List item
link-list List style 12