Manually Change Ordered List Numbering in Text Box via HTML??

I'm trying to create a 3 Step banner that acts as an ordered list, but to my knowledge, I need to create 3 different text blocks to get the design I want. When I do this, the ordered list always reverts back to 1. I've attached a screenshot of what I want the design to look like, but this is finagled incorrectly and doesn't work well when the browser window changes size.

The code block for the first text block is: #block-8c070e725a8ca635783e

I'm brand new to using html in squarespace, so any and all tips would be helpful! I played around with it for a bit, but the code I tried posted directly to the header section?? 

Here's what I've tried so far but I don't know where to put it within Squarespace / if this is the right HTML format to target that text block:

#block-8c070e725a8ca635783e

{

  <ol>

  <li value="1.">

  </ol>

}

6 hours ago, Soulbeam said:

I'm trying to create a 3 Step banner that acts as an ordered list, but to my knowledge, I need to create 3 different text blocks to get the design I want. When I do this, the ordered list always reverts back to 1. I've attached a screenshot of what I want the design to look like, but this is finagled incorrectly and doesn't work well when the browser window changes size.

The code block for the first text block is: #block-8c070e725a8ca635783e

I'm brand new to using html in squarespace, so any and all tips would be helpful! I played around with it for a bit, but the code I tried posted directly to the header section?? 

Here's what I've tried so far but I don't know where to put it within Squarespace / if this is the right HTML format to target that text block:

#block-8c070e725a8ca635783e

{

  <ol>

  <li value="1.">

  </ol>

}

 

 

Can you share your website URL?

Hey!! The preview link is: https://saxophone-tan-s66s.squarespace.com/style-sheet-vc 

Password: Forum

On 8/22/2023 at 9:41 PM, Soulbeam said:

Hey!! The preview link is: https://saxophone-tan-s66s.squarespace.com/style-sheet-vc 

Password: Forum

You mean number disappear when resize browser?

No,  I know I laid it out wrong currently. I'm wanting to use and ordered list across all three blocks to say

1. Get the Contracts you need
2. Reach Win Win Outcomes
3. Expand your business

but each piece of text is in it's own text box, so when I use Squarespace's "ordered-list/numbering" button, it reverts the content to:

1. Get the Contracts you need

1. Reach Win Win Outcomes

1. Expand your business

Quote

I'm wanting to use and ordered list across all three

The following may be of use.

Using CSS counters

Let us know how it goes.

I am having the same issue and this is frustrating! @creedon, should I be modifying anything site-specific from the code you pasted in the other numbering thread? I am receiving a Syntax Error warning when pasting that code into my site. Unfortunately, the numbering is restarting on each section again.

I am trying to accomplish:

1. Step 1

Paragraph

Image

2. Step 2....

Current site that is a work in progress: https://www.trailbadgeadventures.com/blog-2/jk-dana44-lubelocker

I cleaned up the code after a little research and it seems to be working for now. Thanks for this, Creedon!

@TBA13 Can you share what snippet of code you went with!?? You'd be a life saver