[SOLVED] Space between Widget List Items configurable?
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:
HTML Code:
div.widget li { Or add other values for sub items HTML Code:
div.widget li li { |
Hi Flynn,
thanks for your answer. I played a bit around with different values and... how should I say :o ... 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
HTML Code:
.post-bodycopy ol li { HTML Code:
margin-bottom: 10px !important; |
Hi Flynn,
works perfectly for me! :) Thanks a lot. Best regards, upscho |
In 3.3.3 I removed <div class="post-bodycopy"> by accident, it'll be there again in 3.3.4.
To fix it in 3.3.3, edit index.php and change PHP Code:
PHP Code:
|
Flynn,
Thank you for the index.php fix for 3.3.3. :) As a follow-up to the suggested CSS insert, after some "tinkering" I've learned the insert one wants to use will vary depending on what one wishes to control. If I add this, it will control both order and unordered lists: Code:
/* to add spacing after all list items */ Code:
/* to add spacing after ordered list items */ Hope this helps. P.S. I ran into this issue because WP's editor was driving me crazy so (not having yet read the thread below) I installed the "tinymce advanced" plugin (which I really like, although there isn't much of a tutorial for it so yo have to figure out what some of the additional features are on your own). What I discovered is that there is an option to stop WP from stripping out <p> and <br> tags (its in the advanced section). This works. But. It means that for every list (which is where I was having major formatting "issues") I had to manually insert <br> tags. The above CSS Insert as a solution works much better. :) |
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
HTML Code:
#right li HTML Code:
#twitter_wp_widget-2 li If you want to affect all lists all you need to use is HTML Code:
li |
That works fine :-) Thank you very much!
|
All times are GMT -6. The time now is 11:48 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.