Welcome to Zombie Designs, your one stop site for designs, resources and more. Have a look around, and send an e-mail if you're unsure.
 

 

 

Create Custom Bullets

Ever use the <ul> tag and wanted to add your own image instead of the bullet? Want to do this?

       • Text

  • Text

Follow this tutorial to learn how!

1. Open up your CSS file, or header where your CSS is.

2. Add this code to it.

ul {
list-style-image: url(path/to/image);
}

ul li {
list-style-image: url(path/to/image);
}

3. The first part changes an unordered list (basic bullets) and the second changes ordered lists, and replaces the list with one image.

4. Done!