I'm a newb so please forgive me if this does not make any sense. I am using Wordpress with a custom theme and I have been making small changes here and there.

I am trying to figure out why the spacing is different in some of the sections I created in the sidebar. Here is a screenshot:



I would like spacing in the 'I'm Connected' and 'Must Read Books' sections to be the same as it is in the 'Most Popular Posts' section.

The site is located at http://www.lovefor.biz

Your lists are incorrectly formatted. You cannot have line breaks and paragraphs inside a <ul>. Put ALL your items within proper <li> tags and they will be more uniform.

When I use the <li> tags, then I get these bullet points which I obviously do not want, and that still does not change the spacing.

Here is a solution:

CSS

#r_sidebar ul li, #l_sidebar ul li {
list-style: none;
}

Place the items into <li> tags as suggested by LadynRed, and place the above code into your CSS file

That will get rid of the bullets. Once you have everything in a <li>, then you control the height and spacing with margin/padding and/or line-height.

Originally Posted by wayfarer07

Here is a solution:

CSS

#r_sidebar ul li, #l_sidebar ul li {
list-style: none;
}

Place the items into <li> tags as suggested by LadynRed, and place the above code into your CSS file

That did not seem to get rid of the bullet points

That's because those <li> items showing the bullets are NOT properly inside a <ul></ul> !

K, got rid of the bullets but spacing is still off. What do I need to change in the css file to correct this?