Ordered List with Hanging Numbers

  • Resolved fredh

    (@fredh)


    15 years, 8 months ago

    I am new to WordPress. Editing a post in the WP editor, I create an ordered list … piece of cake. But when I publish the post to my site, the numbers in the list do not “hang” to the left of their paragraphs … they justify to the left side of the paragraph text. You can view my 1st post, which includes both an unordered list (hanging bullets work fine) and ordered list (scroll down to see it) at:

    https://opensourceadvisory.com/wordpress/

    Thanks in advance for any suggestions.

Viewing 3 replies - 1 through 3 (of 3 total)

  • It appears the problem is in your css

    The following works for the unordered list

    .Post ul li, .Post ol ul li {style.css (line 1165)
    background-image:url(images/PostBullets.png);
    background-repeat:no-repeat;
    padding-left:13px;

    The following is what you have for an ordered list

    .Post ol li, .Post ul ol li {style.css (line 1159)
    background:transparent none repeat scroll 0 0;
    padding-left:0;

    I think you have to change the padding-left from 0 to 13px and you should be all set.

    Thread Starter fredh

    (@fredh)

    viceng,

    Thank you for taking a look. When I tried your suggestion, however, the entire text of the ordered list shifted to the right (presumably by 13 px), including the numbers. Thus, the outcome was what I currently have, shifted to the right a bit.

    Any other suggestions would be greatly appreciated.

    Fred

    Thread Starter fredh

    (@fredh)

    OK I found and fixed the problem. As viceng suggested, it was in my css. The list-style-position of my ordered list was set to “inside”. The problem was resolved by commenting out the following line in the ol section of my css:

    list-style-position:inside;

    Fred

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Ordered List with Hanging Numbers’ is closed to new replies.

Tags