Hello,

I'd like to get some more "white space" between widget list items e. g. between Links. Is that possible?

I only found the possibility to configure the left margin and left padding...

Thanks for an answer,
upscho

All widgets have at least one class ".widget". Add via HTML/CSS Inserts -> CSS Inserts:

div.widget li {
margin-top: 3px;
margin-bottom: 3px;
}

You may have to play around with these values and observe your widgets, it may look better/worse with sub items to only have top or bottom margin or to use padding-top / padding-bottom instead.

Or add other values for sub items

div.widget li li {
margin-top: 2px;
margin-bottom: 2px;
}

Hi Flynn,

thanks for your answer. I played a bit around with different values and... how should I say ... the defaults look best!

Best regards,
upscho

One more question to something similar:

One of my web pages contains a list (ol). I need some more space between the list items. I did not find the correct class where I could add something like "margin-bottom: 10px;".

I tried to add some extra code for every list item directly on the page (of course this is not CSS alike but I tried to find a workaround):

<ol>
<li style="margin-bottom: 10px;">This is my 1st list item.</li>
<li style="margin-bottom: 10px;">This is my 2nd list item.</li>
</ol>

But afterwards the last items of the list were not visible any longer.

So I'm coming back to the first idea: Where do I have to add some extra code to get a margin?

Regards,
upscho

To address ol lists inside posts ( and not those used for comments or in the sidebars), add via HTML/CSS Inserts -> CSS Inserts

.post-bodycopy ol li {
margin-bottom: 10px;
}

If that somehow doesn't work, add !important after the rule like so

margin-bottom: 10px !important;

Hi Flynn,

works perfectly for me! Thanks a lot.

Best regards,
upscho

Hi,

I've tried to add the HTML code above in HTML/CSS Inserts -> CSS Inserts, but nothing changes.
See www.demokratiogglede.org. There's no space between the widget list items in the right sidebar. Especially the twitter widget is very unreadable. What am I doing wrong?

That code is targeting lists in a post. If you want to affect list items in the area you are talking about you either have to target the sidebar list items using

#right li

Or the Twitter widget with

#twitter_wp_widget-2 li

It all depends on whether you want to affect just that one list or all lists in the sidebar
If you want to affect all lists all you need to use is

li

That works fine :-) Thank you very much!