What could be causing my numbered list to display incorrectly when using Webflow?

Published on
September 22, 2023

There are several possible reasons why a numbered list may be displaying incorrectly in Webflow. Here are some potential causes and solutions to consider:

  1. Incorrect HTML markup: Make sure to check the HTML structure of your content. Ensure that each list item <li> tag is nested within a <ol> (ordered list) or <ul> (unordered list) container. The correct hierarchy should be like this:

    ```html

    1. Item 1
    2. Item 2
    3. Item 3
    \`\`\`
  2. CSS styles interfering with list numbering: Check if you have any conflicting CSS rules that are affecting the styling of your list. Specifically, look for any list-style properties or custom ::before or ::after pseudo-elements that may be overriding the default list numbering.

    ```css
    ol {
    list-style: decimal; /_ or other appropriate list-style type _/
    }
    ```

  3. Custom CSS styles targeting specific list items: If you have applied custom styles to specific list items, be aware that these styles can potentially impact the numbering. Make sure you haven't accidentally removed or modified the numbering mechanism.

  4. Webflow settings: In rare cases, the issue might be related to the settings within Webflow itself. Double-check the project settings, particularly under the "Lists" section, to ensure that all settings are configured correctly.

  5. Browser-specific rendering: Occasionally, the way browsers handle list numbering may differ slightly. Test your site across different browsers to see if the issue persists consistently or if it is confined to a specific browser.

In summary, to fix incorrect numbering of your lists in Webflow, carefully review the HTML structure, check for conflicting CSS styles, verify custom styles, and consider browser-specific rendering. Making these adjustments should resolve the issue and ensure that your numbered lists display correctly on your website.

Additional Questions:

  1. How do I change the numbering style of a list in Webflow?
  2. Why are my bullet points not showing in an unordered list in Webflow?
  3. Can I customize the appearance of my numbered lists in Webflow?