Formatting ordered lists
How do I format the numbers / symbols in front of ordered lists?
To make formatting the font color and other aspects of ordered lists as easy as possible, Presenter sets a global default behavior you can easily extend by adding some CSS to your theme.
To change the color of numbers & symbols in front of ordered lists, simply use the following CSS in your theme:
ol li:before {
color: #FF0000; /* <- Put the hex code of your desired color here */
}
What is the default formatting of ordered lists in presenter?
For reference, Presenter uses the following CSS as the global default for formatting ordered lists. You can easily overwrite the aspects you want in your theme.
.reveal ol {
counter-reset: item;
}
.reveal ol li {
counter-increment: item;
list-style-type: none;
}
.reveal ol li:before {
left: -0.4em;
position: relative;
text-align: right;
content: counter(item) ".";
}
.reveal ol ol li:before {
content: counter(item,lower-alpha) ".";
}
.reveal ol ol ol li:before {
content: counter(item,lower-roman) ".";
}
.reveal ol ol ol ol li:before {
content: counter(item) ".";
}