Skip to main content
Skip table of contents

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:

CSS
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.

CSS
.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) ".";
}
JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.