• After upgrading to 4.3.1, when I use numbered list everything looks good in WordPress until I publish. The numbers are not on the first line of the paragraph but rather the bottom line of the paragraph. Also after adding some content to another post, my numbered lists no longer shows numbers, but rather as bullets. Is this a glitch in WordPress or with my Tesseract theme?

    Here is the page the numbered list is not working on:
    https://www.suzym.com/why-are-lemons-good-for-you/
    … under Health Benefits

    After trying to update the post, “1” is still at the bottom and “2” is in the correct spot.

    Thank you in advance.
    Susan

Viewing 15 replies - 1 through 15 (of 17 total)
  • I wasn’t able to duplicate the issue using the default theme. If possible, try switching to the default theme and test.

    the first section of the list (the one starting with ‘Lemons..’) is wrapped into a html span tag (possibly via formatting in the editor) which gets formatted that way in your theme.

    edit the post/page using the ‘text’ setting of the editor, and remove the span tag.

    David_G

    (@questas_admin)

    Check in your text editor and see where your
    <li> tags are located in your post.

    David_G

    (@questas_admin)

    It should be something like this:
    Numbered list:

    <ol>
    <li>First Paragraph </li>
    <li>second Paragraph </li>
    </ol>

    Bulleted lists use <ul></ul> instead of <ol></ol>

    This is easy to fix in the text editor.

    Thread Starter imsuzy

    (@imsuzy)

    Michael, it was the span! Thanks so kindly for everyone’s help! You all are truly awesome!!

    Thread Starter imsuzy

    (@imsuzy)

    On another one of my pages:
    https://www.suzym.com/what-is-the-law-of-attraction
    under, “There is a creative three step process…”, bullets are showing up instead of numbers. Everything in the text looks good, any ideas?

    Thanks again!

    David_G

    (@questas_admin)

    Look at the post in your TEXT editor and change the <ul> to <ol>
    Don’t forget the closing tags. You won’t see it in the visual editor. Refer to my previous post.

    David_G

    (@questas_admin)

    The following uses the <ol> Tag.

    1. First Paragraph
    2. second Paragraph

    This uses the <ul> Tag.

    • First Paragraph
    • second Paragraph
    Thread Starter imsuzy

    (@imsuzy)

    Hello @questas_admin. The text is already in <ol > format and not <ul >. This is why it’s so strange to me. I’m no expert, but everything seems to be correct. The article was showing as numbers before, so I cannot figure it out. Here is what it reads in the text maybe you can see what is wrong?:

    <ol >
    <li >The first step is to ask. You must know deep down what you want out of life. You must truly and fully know exactly what you want. There can be no deliverance into your life without knowing that first. What is it that you want? A new car, love, a raise, or possibly to pay off all of your debt? You cannot receive what you do not know.</li >
    <li >Secondly, you must be able to believe that what you want can and will become yours. This means getting rid of your fear and doubts. The idea of failure must take a backseat. That idea of failure can mess up the chances of receiving what it is in life that you want.</li >
    <li >Lastly, you must be willing to receive. It is very important to be determined in reaching your goals. When an opportunity presents itself, you must be willing to take action without hesitation. The future of your life lies in the opportunities that the universe present to you.</li >
    </ol >

    When I enter it here it works just fine:

    1. The first step is to ask. You must know deep down what you want out of life. You must truly and fully know exactly what you want. There can be no deliverance into your life without knowing that first. What is it that you want? A new car, love, a raise, or possibly to pay off all of your debt? You cannot receive what you do not know.
    2. Secondly, you must be able to believe that what you want can and will become yours. This means getting rid of your fear and doubts. The idea of failure must take a backseat. That idea of failure can mess up the chances of receiving what it is in life that you want.
    3. Lastly, you must be willing to receive. It is very important to be determined in reaching your goals. When an opportunity presents itself, you must be willing to take action without hesitation. The future of your life lies in the opportunities that the universe present to you.
    Thread Starter imsuzy

    (@imsuzy)

    How to fix the problem: If your theme has a built-in custom CSS option, use it; otherwise, get a custom CSS plugin and put:

    .widget ol {
    list-style-position: inside;
    }

    The technical details, which you can ignore, or read if you’re interested: Your theme uses the shorthand list-style: inside on <ol> within a widget. But that doesn’t work for <ol> because using the shorthand implicitly sets list-style-type to disc if nothing else explicitly sets it beforehand. Doing so “breaks” the numbering on <ol>, and that’s what you get. Explicitly setting list-style-position instead of using the shorthand keeps list-style-type set correctly for <ol>.

    Thread Starter imsuzy

    (@imsuzy)

    Thanks kindly for your help! I did edit the file and if you check the page again, you will see that there are numbers now.. yay! However the numbers are not as they display on this page so it’s still not exactly what I’m trying to do. Any more suggestions?

    Thanks kindly for all your help. I really do appreciate it.

    Does it look correct if you use this code instead:

    .widget ol {
    list-style-position: outside;
    }
    Thread Starter imsuzy

    (@imsuzy)

    Perrrrfect! That worked. Thanks a BUNCH!! ??

    David_G

    (@questas_admin)

    #stephencottontail,

    Your theme uses the shorthand list-style: inside on <ol> within a widget. But that doesn’t work for <ol> because using the shorthand implicitly sets list-style-type to disc if nothing else explicitly sets it beforehand. Doing so “breaks” the numbering on <ol>, and that’s what you get. Explicitly setting list-style-position instead of using the shorthand keeps list-style-type set correctly for <ol>.

    The <ol> is and was working on the first post she listed in this thread. Why wouldn’t it work on the other in the same WP Site? Take a look at the top of this thread for the link.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Numbered List’ is closed to new replies.