How can continuous numbering be achieved in an ordered list with paragraphs in between list items in Webflow?

Published on
September 22, 2023

To achieve continuous numbering in an ordered list with paragraphs in between list items in Webflow, you can follow these steps:

  1. Create an ordered list element on your Webflow page by dragging and dropping the "Ordered List" element from the side panel onto your page or section.

  2. Inside the ordered list element, add the first list item. You can do this by clicking on the "Add List Item" button that appears when you hover over the list element.

  3. To include paragraphs in between list items, you will need to wrap your list item content in a separate element. This can be a div, span, or any other suitable element.

  4. Add a paragraph element inside the separate element you just created. You can do this by dragging and dropping the "Paragraph" element from the side panel, or by typing "p" and hitting Enter while inside the element.

  5. Add your desired content to the paragraph element. This can be text, images, or any other type of content you want to include between list items.

  6. Repeat steps 2-5 for each additional list item you want to have.

  7. By default, Webflow will automatically number the list items in the ordered list. However, if you want to customize the numbering or styling of the list numbers, you can do so by using the Webflow Designer. Simply select the ordered list element, navigate to the Style panel, and adjust the settings to meet your desired design.

By following these steps, you can achieve continuous numbering in an ordered list with paragraphs in between list items in Webflow.

Additional Questions:

  1. How do I change the color of the list numbers in an ordered list in Webflow?
  2. Can I change the font style of the list numbers in an ordered list in Webflow?
  3. How do I add custom bullet points to an unordered list in Webflow?