WordPress.org

Forums

How to decrease spaces between lines... (8 posts)

  1. DavidDeCristoforo
    Member
    Posted 10 years ago #

    I have my recent posts list "converted" to an "ordered list" and looking pretty much how I want it. Except for the spacing between the entries. None of the other lists (catagories,etc.) have a line break between each list entry. I've been messing around with the CSS for hours but I can't seem to "tighten up" the list. Any help will earn my undying gratitude!
    http://www.naturalfoodworks.net

    Thanx
    DD

  2. moshu
    Member
    Posted 10 years ago #

    You have in your css something like:
    #nav li ol {whatever...
    But I guess it should go like:
    #nav ol {...}
    #nav ol li {...}
    #nav ol li a {...}

  3. Lorelle
    Member
    Posted 10 years ago #

    And you look in those CSS selectors to change the line height and such.

    http://codex.wordpress.org/Styling_Lists_with_CSS
    http://codex.wordpress.org/Customizing_Your_Sidebar

  4. DavidDeCristoforo
    Member
    Posted 9 years ago #

    I have:

    #nav li ol{
    font: normal normal 80% 'Times New Roman', Times, serif;
    letter-spacing: 0.1em;
    padding-left: 15px;
    margin-top: -10px;
    padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
    }
    #nav li ol a{
    color: #444444;
    font: normal normal 90% Arial, Verdana, Helvetica sans-serif;
    letter-spacing: 0em;
    text-decoration: none;
    }

    but as you can see, there is no "line height" attribute and as I am a CSS "dummy", I do not know exactly how to add one. Nor do I find any specific instruction in any of the tutorials. I have tried several things that "seemed logical" but to no avail. If someone could offer a specific syntax, I would fall to my knees in appreciation. I'm flying by the seat of my pants here!

    Thanx
    DD

  5. moshu
    Member
    Posted 9 years ago #

    First read carefully what I wrote: the order shouldn't be
    nav li ol
    BUT
    nav ol li
    and then follow the links given by Lorelle.

  6. DavidDeCristoforo
    Member
    Posted 9 years ago #

    Ok, I changed:
    nav li ol
    and
    nav li ol a
    to:
    nav ol li
    and
    nav ol li a

    That did not seem to have any effect (nor did I really expect it to!). However, I still can't find a specific way to eliminate the extra line break. I did look at the tutorials but I did not find the answer nor did a Google search help. The list of catagories does not have any space between the entries. But the recent posts list does. this is driving me nuts! I'm sure I am missing something very simple here but, like i said, I'm a dummy.....

    DD

  7. mossinix
    Member
    Posted 9 years ago #

    Did you remove the margin from every

      and
    1. . Usually the
    2. tag comes with default values for margin. Just set margin: 0px (zero pixels) and the line break will most likely disappear.
  8. mossinix
    Member
    Posted 9 years ago #

    did you remove the margin from every ol and li. Usually the li tag comes with default valuese for margin. Just set the margin to 0 pixels and the line break you have will most likely disappear.

Topic Closed

This topic has been closed to new replies.

About this Topic