Forum

gadietrich,
Short answer: Your WordPress theme (DeepFocus) is putting in the bullet, and Sermon Browser is attempting to remove the bullet, but is ultimately failing.

Longer answer: The Sermon Browser widget uses a list, but it is designed to not have any bullets in the list. So Sermon Browser uses CSS rules to remove any bullet image or style that might be placed there by your WordPress theme. If you look at my church's website, you'll see that in the sidebar some of the widgets have bulleted lists, but in the Sermon widget Sermon Browser has removed the bullets.
However, your theme's designer decided not to use the standard list-style-image CSS property to add a bullet image, but instead set a background image on all list items. Sermon Browser was not designed to override this, so that is why you have bullets in your Sermon widget. Sermon Browser doesn't know that the background image is there, so that is why it writes the title of the sermon right over the top of the bullet.

How to fix it: To change the CSS rules that Sermon Browser sets, go to Sermons, Templates in the WordPress control panel. The third textbox contains the CSS style template.

Before you make any changes, highlight all the text in the box and copy/paste it into a text document somewhere on your computer. Then if you mess things up, you can paste your old Style template back in.

The styles for the widget are toward the bottom of the template. Here is what you currently have:

If you want to remove the bullet that your theme is adding, find the line:

and add this line right after it:

If instead you want to keep the bullet and move the title over to the right, that is trickier. I'm not a CSS expert, but Ii would try just removing these 2 lines from the Style template and see where it gets you:

No matter which one you choose, make your change and press the Save button to try it out. Then let us know how it turns out.