ordered list displays incorrectly

  • Hi

    First-time poster – apologies if my description isn’t perfect.

    I am trying to replicate a WordPress page (completely duplicate it). It contains an ordered list with nested sub-points, like this:

    Example A:

    1. bullet
       1.1. bullet
       1.2. bullet
       1.3. bullet
    2. bullet
       2.1. bullet
          2.1.2. bullet
    etc.

    But when I copy the content from the old page to the new page, it comes out like this:

    Example B:

    1. bullet
       1. bullet
       2. bullet
       3. bullet
    2. bullet
       1. bullet
          1. bullet`

    etc.

    To be clear, even in the old page it is displayed like example B in edit mode, but if you preview the page it shows correctly like example A. But when I copy the content into a new page and then preview, it shows like example B in the preview. I am copying everything from the first page using code editor so expected the results to be identical.

    Am using Gutenberg editor in WP.

    Can someone suggest what the issue could be?

    (sorry, I can’t paste a link to the page as it is private).

    • This topic was modified 2 years, 11 months ago by marcustolan.
    • This topic was modified 2 years, 11 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
Viewing 3 replies - 1 through 3 (of 3 total)

  • This type of list numbering is controlled by styling. This means that the theme you use is responsible for it. If you really want to clone everything 1:1, take a look at how the original page styles the lists via CSS and adopt that for yourself.

    Or ask the theme developer.

    If you can’t find it, here are the instructions: https://dev.to/adamlombard/css-automatically-number-nested-lists-59ei

    Hey @marcustolan ??
    Thank for your words! In fact yr explanation was quite good!

    I was looking for a way to help and figured out that this is more about Styles than about Settings. That’s why (prabably) this is not available via Gutenberg Editor yet.

    My suggestion here is to style your list with a Plugin such as this or another one that you may find.

    Pls let me know if it solves your problem. Cheers!

    Thread Starter marcustolan

    (@marcustolan)

    Hi

    Thank you for your replies. I did think this would be related to styling. But if the page I am copying from is in the same site as the new page, with the same theme and style.css sheet, shouldn’t the new page look the same? I checked the style.css file and it doesn’t mention anything that would specify that particular page, such as the ID.

    I have also checked in the customiser and can see no additional css there. Where would there be different styling that is not applied to the new page?

    Therefore, this baffles me as to why it is displaying differently??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘ordered list displays incorrectly’ is closed to new replies.