[RESOLVED] CSS Custom Bullets

This site is best viewed in a modern browser with JavaScript enabled.

Hey all,

Im having a rather stupid issue, the custom bullet points I made for my un-ordered lists are not showing up. Here is my code:

#points ul {
list-style-image: url(images/bullet.png) left no repeat;
}

Any ideas?

Your CSS style is not properly written;
#points ul {
list-style-image: url(images/bullet.png) left top no-repeat;
}

You should play with the margin-left and padding-left ( 20px) to display the icon then adjust its position by changing those values.

I generally recommend:

#points ul {
list-style: none;
margin-left:0;
padding-left:0;
}

#points ul li{
background-image: url(images/bullet.png) left middle no-repeat;
margin-left: 15px;
padding-left: 20px;
}

Yea, after I wrote this, I saw where i was goofing! DOH!

Thanks anyways!