25 January 2006

Fixing List styles

The scribe blogger template makes all lists, ordered and unordered, have a little flower. This is a pain if you actually want an ordered list to have numbers indicating the order such as:
  1. Good
  2. Better
  3. Best
The unordered list is fine:
  • Red
  • Blue
  • Yellow
To fix the scribe list you need to replace the section called .post li with this:
.post ol {
margin:0;
padding: 0 0 .6em 17px;
}
.post ul li{
line-height:1.5em;
list-style:none;
background: url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 0px .3em;
vertical-align:top;
padding: 0 0 .6em 17px;
margin:0;
}

That works.
See these posts for examples:
Learning HTML (ordered list)
Family Roles (unordered list)

I'm learning new things every day.

1 comment:

Michael Hardt said...

That worked splendidly! Thanks for sharing it.