Invisible Bullets and Spacing Help!

[xjjon88]

Hey guys this is my first post here, I am working on this site and have run into some trouble.

The site is built on Wordpress and this is the problem.

On the homepage: www.preferredevents.net

I have a widget that is called

Latest Posts, notice the look of it, etc.

Now on a separate page, I added the same widget to my post

http://www.preferredevents.net/about-blog/

But for some reason that I can't figure out, there are now bullets next to each item and the formatting is distorted (titles are on the next line).

I'm not sure what the problem is, I've played around with the css a little and even the code for the widget itself but can't seem to remove the bullets or the extra line spacing behind each title.

Any ideas? Thanks!

[bionoid]

You have some styles being inherited in the blog page #content:

style.css

... (line 156)

#content ul { list-style:none; }
#content li { margin:0 0 8px 0; padding:0 0 5px 12px; line-height:20px; font-size:14px; }
#content ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal;  line-height:18px; }
#content ol li ol { margin:8px 0 5px 18px; padding:0; }
#content ol li { margin:0 0 5px 0; padding:0; }

...

Moving the #index_sidebar rules below the #content rules should correct the problem.

[xjjon88]

Thank you so much for the quick reply and help.

[bionoid]

No problem.

I see you've moved it already.