Getting the bullet back

In the recent post on the new blog design I lamented that the unordered list bullet had disappeared in the side bar in the new blog design.

I now have it back, albeit not quite the way I want it. Here’s what I did.

Inspecting the template I find this piece of CSS code:

.sidebar li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.8em;
list-style-type: none;
border-bottom: 0px solid $sidebarListLineColor;
}

Meaning that a list item in the sidebar will get no bullet. I simply remove list-style-type: none; and the bullets reappear.

However, what I’d REALLY like is to replace the standard bullet with just a simple dash (-). All those big fat bullets are a bit of an eyesore and a simple dash would look better.

Anyone knows how to do that?

Print Friendly
Share

, , , ,

2 Responses to Getting the bullet back

  1. Alan Myers February 7, 2010 at 15:55 #

    unfortunately CSS2 doesn't support a dash for the list-style-type.

    Your best bet may be creating a transparent .gif of the dash and then use the list-style-image property

    list-style-image:url("your-image.gif");

    Hope this helps,

    Alan

  2. Per and Britt, BKWine February 7, 2010 at 16:28 #

    Alan,
    Thanks for the suggestion. I was hoping not to have to deal with a separate bullet gif. But perhaps that's the only option.
    -Per

Leave a Reply

Subscribe to comments:

Notify me of followup comments via e-mail. You can also subscribe without commenting.