Customize nested numbered list styles


Nested Numbered List



You can use custom CSS styles to globally set how your nested numbered list items display. The following code snippet will set the first level to decimal (1, 2, 3), the second to lower alphabet (a, b, c), and the third level to lower roman numerals (i, ii, iii). 


/* -- Nested List  -- */

.hg-article-body ol {
    list-style-type: decimal;
}

.hg-article-body ol > li > ol {
    list-style-type: lower-alpha;
}

.hg-article-body ol > li > ol > li > ol {
    list-style-type: lower-roman;
}