Spacing between list items in widgets

kricodi · Member · Oct 4, 2009 at 5:00 pm
Copy link

Add topic to favorites
I would like to know how to increase the spacing between list items in all of the right sidebar widgets (Pages, Recent Posts, Recent Comments, Links, Categories, etc.). It’s very hard to differentiate between the different list items—they all run together—so I’d like more space between them. I don’t need to increase overall line height, because that won’t solve the problem. My understanding is that I could do this by increasing the top and bottom margin ? but I can’t seem to figure out how to put all this into the appropriate code.

I’d really love some help!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 4, 2009 at 5:45 pm
Copy link
We need a link to the blog please. Each theme is different.
kricodi · Member · Oct 4, 2009 at 8:40 pm
Copy link
Sorry, I thought it came through with my question. Here it is:
http://survivingtherapistabuse.wordpress.com
The theme is Andreas04
thesacredpath · Member · Oct 4, 2009 at 10:39 pm
Copy link
It doesn’t look like you have the CSS upgrade, is that correct? Without it there is no way to change the spacing.

With it, you would add bottom padding to ” .subcontainer ul, .subcontainer li ”
kricodi · Member · Oct 4, 2009 at 11:59 pm
Copy link
I was waiting on upgrading until I could figure out whether I could do the changes and have them show up on preview. I thought I’d be able to test things out and preview them beforehand before purchasing the upgrade, is that not correct?

I tried using:
.subcontainer ul, .subcontainer li { padding-bottom: 8 px}
but nothing different shows up in the preview. What am I missing?
thesacredpath · Member · Oct 5, 2009 at 12:04 am
Copy link
I deleted everything from the CSS edit window, added the following, made sure “add to existing…” was selected and clicked preview and the padding was there.
```
.subcontainer ul, .subcontainer li {
padding-bottom: 8px;
}
```
thesacredpath · Member · Oct 5, 2009 at 12:14 am
Copy link
One note, the above will not effect the spacing on all widgets, just those that use the unordered list. As an example, the recent comments and category cloud widgets use tables, so the spacing on those will not increase.
kricodi · Member · Oct 5, 2009 at 12:31 am
Copy link
Thank you so much! That’s been driving me nuts!

So…for the others would I have to increase the cell height in the tables? How does that work?
thesacredpath · Member · Oct 5, 2009 at 1:09 am
Copy link
Actually I figured out how to increase it on the recent comment widget. There are two additions you have to make. Add the following to your CSS:
```
td.recentcommentstexttop {
padding-bottom: 6px;
}

td.recentcommentstextend {
padding-bottom: 6px;
}
```
The styling for the category cloud is set directly in the underlying theme php script files, and we do not have access to those.
kricodi · Member · Oct 5, 2009 at 4:42 pm
Copy link
Thanks so much!
thesacredpath · Member · Oct 5, 2009 at 5:08 pm
Copy link
You’re welcome.
thelobbyist · Member · Oct 15, 2009 at 5:43 pm
Copy link
Hi guys. I’m looking to do the same thing you did here with my recent posts column on the right hand side of digitalsociety.org.
I can’t locate the code you are talking about. Could one of you walk me through adding some padding to this list?
Thanks so much!
thesacredpath · Member · Oct 15, 2009 at 5:45 pm
Copy link
@thelobbyist, sorry, you are in the wrong forum and need to head over to http://wordpress.ORG/support/ as that is where self-hosted wordpress blogs using the software from wordpress.ORG are supported.

These forums are for those hosted here on the wordpress.COM free hosting service and things here work differently and our answers typically will not work for you.

If you do not know the difference, see this support document for the differences: http://support.wordpress.com/com-vs-org/ .
thelobbyist · Member · Oct 16, 2009 at 9:00 pm
Copy link
I’m aware that there was a difference. Wasn’t aware that code adjustments would be that different. I just searched for this in google and your post came up. Haven’t found much in way of a solution. But I’ll head over there are see what happens. Thanks!

No items found.