WordPress.org

Support

Support » How-To and Troubleshooting » How to decrease spaces between lines…

How to decrease spaces between lines…

  • 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

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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 {...}

    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

    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

    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.

    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

    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.

    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to decrease spaces between lines…’ is closed to new replies.