Outline Numbering

Use the Simple CSS plugin:

  • Open the page for editing
  • Scroll to the very bottom, where you will see a box labeled “Simple CSS” with space to insert custom CSS that will apply only to this one page
  • Insert the following code

ol { counter-reset:item; padding-left 10px; }
li { display: block; }
li:before { content: counters(item, “.”) ” “; counter-increment:item; }

  • Update the page
  • Warning: make sure there is no line space between teh <li> and the start of the line, otherwise the numeral won’t line up with the text.

EXAMPLE OF THE OUTPUT == YOU NEED TO VIEW THE PUBLISHED PAGE, OR A “PREVIEW CHANGES” NOT IN THE EDITOR

  1. One
  2. Two
    1. Sub Two
      1. Next level under Two
      2. Next level under Two
      3. Next level under Tw
    2. Sub Two
    3. Sub Two
  3. Three
    1. Sub Three
    2. Sub Three
      1. Sub Sub Three
      2. Sub Sub Three
    3. Sub Three
  4. Four