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

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

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

DnnContra list styles

Built in list styles

List 1

List 2

List 3

List 4

List 5

List 6

List 7

List 8

List 9

List 10

List 11

List 12

List style classes

Pro templates

Getting Started

Contra Css

Components