How to change the bullet size and color with CSS

The following code snippet help you change the bullet size and color of your unordered lists.
We are using simple CSS code to do that

1. Create your bullet list image via Adobe Photoshop or you can use another image editor to do that (e.g Pixelmator).
Save the image as a transparent png image file. Upload the png file to your website, put that inside the images folder for convenience
2. Add the following to style.css or custom.css

 ul { list-style-image: url('images/dot.png'); list-style-type: none; }
%d bloggers like this: