Madam/Mr: I believe it is time for you to discover the magic of developer consoles. Let me guide you.
*I only know how to use chrome developer console, but you could figure it out on firebug if you prefer.
Step 1: Be in google chrome
Step 2: right click on the bullets and click ‘inspect element’
Step 3: Ensure you have the list selected
Step 4: On the right side in the style area, right under properties, there is a little + sign, click this
Now what this does is allow you to temporarily add css to the webpage to see its effect, but this is also usefull for finding the most specific selector. Copy this selector into your stylesheet.
Step 5: Modify the selector so that it makes sense for you application, you can reffer back to the developer console to see the make up of the html. Also check to make sure that it is not too specific (ie it only modifies that perticular widget but you want it to modify all widgets)
Step 6: Profit.
So in this case, got:
#recent-posts-2 > ul > li:nth-child(1)
But we want all the bullets so we change it to be less specific
#recent-posts-2 > ul li
Now if we wanted this to apply to all widgets then we would want to disregard the given selector and use the displayed html to come up with a better selector. I would do:
#secondary ul li
That would select all list in the secondary area, witch is were all widgets are.
Let me know if anything does not make sense.
