Open up your style.css
file. Look for the #content
section. Replace margin:0;
with margin: 10px 0 0 0;
.
Look for the #sidebar
section. Replace margin:0
with margin: 10px 0 0 0;
.
See if that works. Once you learn a bit about CSS, consider using the Firefox web browser with a plugin that lets you edit CSS in real time without worry of screwing up the real CSS file. It really helps you understand how the CSS code controls page layout.
Thank you that was exactly what I needed!
I use Firefox – what is the plugin you’re recommending?
Web Developer Toolbar. Adds a toolbar with, among other things, and dropdown CSS menu that allows you to play with your CSS code and see immediate changes without actually editing the file. So you could add those margins, play around with the px size, see which looked best, then when you’ve settled on the correct code, go in to your style.css and change it.
It’s nice.