Change the theme ;-) or edit the existing theme (most likely you only need to change a couple of numbers in the CSS file).
In your style.css edit: /* ========== CONTENT */ #content{ width:577px; float:left; display:inline; } /* ========== SIDEBAR */ #sidebar{ width:293px; float:right; display:inline; } Code (markup): Decreasing the width of the sidebar the same amount you increase the width of the content should work.
hey, thanks for the reply. ok i did this by and adding 50 to content and subtracting 50px from sidebar. here is what i got: i obviously need to subtract 50px from something else so that the links in the sidebar move along with it, but not sure what... ps. sorry the pic is so small (click on it to make it bigger)...you know i am really disappointed with image hosting these days..
It's the background of the body that makes it look this way. body{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; background:#3f3f3f url(images/bg.gif) top center repeat-y; margin:0; padding:0; min-width: 900px; } Code (markup): The black and white gif : http://www.wdzine.com/wp-content/themes/sleeper-release-10/images/bg.gif It's black part is exactly 293px wide.
I think you need to redo, or get someone to redo that background gif for you, im guessing its for faux columns, to make your sidebar stretch down to the footer. Then it should be looking normal again.
Edit the background gif. It's very simple. Just make it fit the column width you need. Or edit your theme so that it doesn't depend on the background image any more.