Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   How to separate line items in widget content with a line? (http://forum.bytesforall.com/showthread.php?t=2518)

mgofootball Jul 18, 2009 07:22 PM

How to separate line items in widget content with a line?
 
I'd like to separate each listed item within a widget with a dashed or dotted line....I feel like this should be an easy and quick thing to do!! I searched and searched this forum but found nothing on this subject....Thanks!!!

Jeandseen Jul 19, 2009 08:58 AM

usually i use table for this action . you can easily add list of item such as link or something to a table html code...

mgofootball Jul 19, 2009 10:02 AM

I figured out how to get the dashed line under each item with this CSS insert:

.widget ul li {
border-bottom: 1px dotted #67666f;
padding: 3px 0 3px 0;
}


Now - i am trying to add some space between each line. I have included the "padding" but it has no effect.

See my widgets here...www.findinspirationtoday.com

THanks again!

sleenie Jul 19, 2009 05:21 PM

Adding the space is something that I would like to do also. I would like an additional line or at least some more space between each bulleted item in the first level. I'm not a programmer so I love this theme and can figure out a lot of things, but not this one. Any help would be grrat appreciated.

bushtool Jul 19, 2009 07:32 PM

I put thos is css inserts and it made some space between widget list items.

Thanks for the dotted line code.

div.widget ul li,
div.textwidget ul li {
margin-top: 5px;
margin-bottom: 5px;
} widget

sleenie Jul 19, 2009 08:36 PM

Thank you so much! This is exactly what I needed, Perfect. Thx again!


All times are GMT -6. The time now is 12:15 PM.

Powered by vBulletin® Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.