Posted 7 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
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
Posted 6 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
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.
Posted 6 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
Posted 6 years ago #
Did you remove the margin from every
Posted 6 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.
This topic has been closed to new replies.
