How to Address Issue with Numbered List Formatting / Dual Pane Post Editor

  • Hey Guys –

    I have a question about the best way to apprach an issue I’m having using numbered lists in WordPress.

    I’m building a new site where I’m adding many posts which I currently have in docx format. Using add-ons such as Mammoth or Google Docs allows me to easily import the content over – however – the docs are mostly guides therefore include many numbered lists & sub-lists.

    Once in WordPress, items are numbered strangely. Below is an example of how steps may be numbered in Word compared to how they look in WordPress (after import or paste)
    In Word
    …1. Step 1
    ……a. Sub-step 1
    ……b. Sub-step 2
    ……image
    …2. Step 2

    In WordPress
    …1. Step 1
    ……1. Sub-step 1
    ……2. Sub-step 2
    ……image
    …1. Step 2
    Periods added to show proper indention

    The only way I’ve gotten the lists in the format I’m wanting is by editing the HTML of the lists and editing “ol” tags to be “ol type=”a”” for nested lists and “ol start=”2″” to correct numbering after an image. As these documents are many pages, this gets old fast.

    If no and editing as shown above is the only way, I also searched to see if there was a method to have a dual-pane post editor allowing both Visual & Code to be edited at the same time which would be less tedious, but no luck. Having to switch between the two views now stinks as it resets my place in the post when switching currently.

    Does anyone have suggestions for how to better address this issue and if not suggestion for something like a dual-pane editor?

    Thank You!

    • This topic was modified 5 years, 10 months ago by bzowk.
    • This topic was modified 5 years, 10 months ago by bzowk.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Looks like your OL styling is not properly done at CSS end.

    You need to set list-style-type of nested OL to “lower-alpha” something like

    OL OL {list-style-type: lower-alpha} this will automatically set nested list styling to lowered alphabetical (a.. b.. c.. etc).

    for more help refer: https://www.w3schools.com/cssref/pr_list-style-type.asp

    Hope this helps

    Manoj Soni

    • This reply was modified 5 years, 10 months ago by Manoj Soni.
    Thread Starter bzowk

    (@bzowk)

    Really appreciate the reply!

    Please forgive my lack of CSS knowledge, but are you saying that I can define what type of lists, sub-lists, etc to use for the global document instead of having to add “ol type=”a” to the beginning of each sub-list?

    Also, how would I best address the other issue were if I include an image the list numbering resets? Currently, I’m having to edit CSS code to the beginning of each affected to set the number to what it should be.

    Thank You

    Hi, Firstly Sorry for very late response, I had been busy with several tasks.

    1. Yes, you can create styling for global document using CSS instead of giving styling to each individual lists.

    2. For the issue where once you break the list and add image, number restarts because you are ending the list , instead add image within the

    • Your Listed point <img…>

      • and dont break the list with this way you will preserve numbering.

      Regards
      Manoj Soni

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to Address Issue with Numbered List Formatting / Dual Pane Post Editor’ is closed to new replies.