Customize numbering of ordered lists across multiple text blocks

Site URL: https://rainbowfaithandfreedom.org/file-download-page

Hi everyone! I'm writing a "how-to" page for my peeps. It has numbered steps and then screenshots in between to show them what to click.

Issue: numbering restarts in each new text block.

Question: How do I make numbering continue from one text block to another?

The block order is:

<text block> - contains steps with the numbered list formatting applied.
<image block> - shows a screenshot
<text block> - continues to next step, but numbering restarts at 1. I want this number to continue from the previous step number.

See the green highlights in the attached screenshot.

Many thanks!

Hi. (not sure it will work). Try adding text, images with Markdown Block

I have the same issue and it's insanely annoying. Squarespace, please add a "continue numbering" button or help find another solution for this! 😭 Numbering in blogs should be easy and flawless, same with adding pictures that don't mess up the numbering - it's one of the most common structures for blog posts after all. 

This is not a specific solution but shows a general principle that is it not too hard to get what you want with a little custom CSS.

<style>

  /* begin unset SS defaults */
  
    ol[data-rte-list] li {
  
      counter-increment : unset;
    
      }
    
    ol[data-rte-list] li:first-child {
  
      counter-reset : unset;
    
      }
      
    /* end unset SS defaults */
    
  /* begin number list increment continue */
  
    #page {
    
      counter-reset : rte-list;
      
      }
      
    #page ol[data-rte-list] li {
    
      counter-increment : rte-list;
      
      }
      
    /* end number list increment continue */
    
  </style>

This example would be for a whole regular page where you want the numbers to keep incrementing across Numbered List in a text block.

Here we can see two text blocks with Numbered Lists with a line block in between.

By changing the selectors you can of course target different areas of a page. It could be by page section or even narrowed down to a particular blog posts.

Thank you. I do need to try out some custom CSS sometime... maybe a new skill for the new year!