Newbie Needs Help With Sidebar Category Listing Spacing

Look in your style.css for:

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

Remove margin-bottom: 15px; or change to margin-bottom: 0px; or any size you like.

Thank you very much that was a really big help.

And yet, I am still having trouble with setting up the listings on the right sidebar. If you look at that sidebar, you will notice the headings and their sub-categories are all showing up centered. How can I get it to be left aligned like on the left sidebar.

My second issue is how do I get rid of the decimal point under the categories section on the right sidebar so that it only shows Uncategorized and other later categories I add without the decimal.

If anyone out there could help me with these, I would really appreciate it. Seems I can’t crack the code on these, but I bet there is at least one pro out there who knows how to fix these in no time flat? Can you do it?

Was hoping for an answer on these? Anyone else have any ideas?

Try adding the code below to your sidebar’s “ul” or “li” css:

text-align: left;

As for the bullets on your list, what theme are you using?

The Theme is as follows:
WordPress Default 1.6 by Michael Heilemann

The default WordPress theme based on the famous Kubrick.

All of this theme’s files are located in /themes/default.

Hi justbhishop,

I got the following sidebar code. Where exactly would I put the text-align: left; ????

#sidebar-r ul, #sidebar-r ul ol {
margin: 0;
padding: 0;
}

#sidebar-r ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 0px;
}

#sidebar-r ul p, #sidebar-r ul select {
margin: 5px 0 8px;
}

#sidebar-r ul ul, #sidebar-r ul ol {
margin: 5px 0 0 10px;
}

#sidebar-r ul ul ul, #sidebar-r ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar-r ul ol li {
list-style: decimal outside;
}

#sidebar-r ul ul li, #sidebar-r ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */

/* Begin Sidebar */

#sidebar-r
{
margin-left: 15px;
width: 194px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
text-align: left;
float: right;
}

#sidebar form {
margin: 0;
}
/* End Sidebar */

I’ve never worked with Kubrick, but I’d just try putting it in with the code for each id one by one until you hit the one that works. That would be the route I’d go, lol! Just use a good text editor with a reliable “undo” button, and only change one thing at a time before you upload ??

And here’s the w3 Schools page on list CSS. It might help you fix your bullet issue:

https://www.w3schools.com/css/css_list.asp

The whole site has text-align:center; on it probably for some structural reasons. This will set all your sidebar stuff to left align. I don’t see #sidebar-r being used.

#sidebar div{
text-align:left;
}