Adding space between widgets

Adding space between widgets

Postby marvinc » Mon Dec 28, 2009 12:03 am

I'd like to use this theme for an upcoming project and wonder if you could direct me to where I'd increase the spacing between the sidebar widgets? Maybe I'm overlooking the obvious but I'm not finding what I guess to be a simple style sheet setting.

Any responses appreciated.
marvinc
 
Posts: 4
Joined: Wed Dec 02, 2009 8:50 am

Re: Adding space between widgets

Postby Mina » Mon Dec 28, 2009 3:17 am

Try this, in style.css find this line:
  Code:
#left ul li, #right ul li { margin: 0; padding: 0; line-height: 14px; list-style-type: none; }

and change margin: 0; to margin: 0 0 30px 0;. If that's too much or too little separation adjust the 30px accordingly.
User avatar
Mina
Cloisters Mama
 
Posts: 364
Joined: Fri Aug 14, 2009 8:42 pm

Re: Adding space between widgets

Postby marvinc » Mon Dec 28, 2009 9:13 pm

Hey mina thanks for the reply but those changes didn't work. I've been scratching my head at this one all day. The only thing I've come across is adding a spacer to the end of the text widgets but it isn't giving me the look I need. Here are my sidebar styings with the changes:

/***** SIDEBARS *****/
#left, #right { width: 190px; float: left; margin: 0; padding: 0; }
#left h2, #right h2 { font-size: 1.2em; text-transform: normal; letter-spacing: 3px; font-family: Verdana, Arial, Georgia, Times; font-weight: normal; color: #aaa; margin: 0; padding: 0; }
#left p, #right p { margin: 0; padding: 0; }
#left a:hover, #right a:hover { background: #acaf2c; color: #fff; padding: 0; margin: 5px 0; }
#left img, #right img { padding: 0; margin: 0; }
#left ul, #right ul { margin: 12px; padding:0; }
#left ul li, #right ul li { margin: 0 0 30px 0; padding: 0; line-height: 14px; list-style-type: none; }
#left ul ul, #right ul ul { margin: 5px 0; padding: 0; }
#left ul ul li, #right ul ul li { background: #515244; padding: 3px 0 3px 5px; margin: 3px 0 3px 0; list-style-type: none; border-left: #4c4c42 10px solid; }
#left ul ul ul, #right ul ul ul { margin: 0; padding: 3px 0 3px 0; }
#left ul ul ul li, #right ul ul ul li { padding: 0 0 0 7px; list-style-type: none; border: none; }

This may be considered OT since I'm not having any other problems with the template so any responses you're able to give are greatly appreciated.

TIA
marvinc
 
Posts: 4
Joined: Wed Dec 02, 2009 8:50 am

Re: Adding space between widgets

Postby Mina » Tue Dec 29, 2009 3:54 am

That worked for me but then I didn't have any widgets there, just the default sections. This is why I generally like to have a link to the site in question...so I can really see what's what. Can you give me a link?
User avatar
Mina
Cloisters Mama
 
Posts: 364
Joined: Fri Aug 14, 2009 8:42 pm


Return to Khaki

Who is online

Users browsing this forum: No registered users and 1 guest

cron