How To Style Nested Lists
How To Style Nested Lists Using HTML And CSS
Styling nested lists can be tricky. So this blueprint gives you an example that you can use to build your own nested lists and style them however you want. Normally you will want to have a different list-style-type for each level of the list.
In this example I use decimals on the outer level, lower case Roman on the second level and lowercase alpha on the third level.
- Genesis Extender plugin is used to add the custom CSS.
- Infinity Pro theme was used in the demo, although you should be able to use any Genesis child theme with this blueprint.