WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Ordered List with Hanging Numbers (4 posts)

  1. fredh
    Member
    Posted 5 years 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:

    http://opensourceadvisory.com/wordpress/

    Thanks in advance for any suggestions.

  2. viceng
    Member
    Posted 5 years ago #

    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.

  3. fredh
    Member
    Posted 5 years ago #

    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

  4. fredh
    Member
    Posted 5 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic