SilentDesigns

@Shaun Moore

  1. ol {
  2. list-style: none;
  3. counter-reset: my-awesome-counter;
  4. }
  5. ol li {
  6. counter-increment: my-awesome-counter;
  7. }
  8. ol li::before {
  9. content: counter(my-awesome-counter) ". ";
  10. color: red;
  11. font-weight: bold;
  12. }
Shaun Moore

Ah ok thats why, i didn't realise that and though I could just somehow manipulate them 😉

Joe

the markers can’t actually be directly affected. you have to hide them and add your own custom ones using ::before

Joe

sure, but you haven’t specified any content for ::before

Joe

there’s a section there on targeting ol markers and how to change their color