Ordered and Unordered Lists

  • ASullivan77

    (@asullivan77)


    11 years, 11 months ago

    Ordered lists created on this site (on any post or page) were showing up (in preview mode) as unodered lists.

    Found this in the CSS

    .entry li {
    line-height: 1.4;
    list-style: disc outside none;
    margin-bottom: 10px;
    margin-left: 20px;
}

    and changed it to

    .entry li {
    line-height: 1.4;
    list-style: decimal;
    margin-bottom: 10px;
    margin-left: 20px;
}

    and of course that fixed the immediate issue… But now the unordered lists are showing only as ordered lists.

    Thoughts? What am I missing? (Thanks in advance!)

Viewing 2 replies - 1 through 2 (of 2 total)
  • Harris O.

    (@hfort)

    11 years, 11 months ago

    You are applying the style to the “list” only. You need to set as unordered “ul” and ordered “ol”.
    You have to create styles for both.

    .entry ol li {
    line-height: 1.4;
    list-style: decimal;
    margin-bottom: 10px;
    margin-left: 20px;
}
    .entry ul li {
    line-height: 1.4;
    list-style: square;
    margin-bottom: 10px;
    margin-left: 20px;
}

    Style them accordingly to your needs.

    WPyogi

    (@wpyogi)

    11 years, 11 months ago

    Ordered vs. unordered lists are properly determined by the html code — by using ol or ul tags — though the list-style can put a number in an ul. See this: http://www.w3schools.com/html/html_lists.asp

    So the best thing is to use the tag that makes the type of list you want and not try to change that with CSS.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Ordered and Unordered Lists’ is closed to new replies.

Tags