Add space between header and content

[Rachelle]

Hi,
Could you advise on how to add a bit of space below the navigation and side column between those items and the page content. All a bit too close for me.
Thanks!

[Bill Robbins]

Rachelle,

Thank you for your business first of all. You can add in a bit more space. Here’s how:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   #content {
   	margin-top: 20px;
   	width: 580px;
   }
   

3. Update your settings.

That should give more room above the main content area and also between it and the sidebar.

To give more space above the main content area, increase the 20 to the number of pixels you’d like to have there. To give more room between the main content and the sidebar, make the 580 a smaller number.

If you need any help, just let me know,
Bill

[Rachelle]

Thanks Bill that worked perfectly. I’d also like to move the side bar down as well the same amount (I made the margin 30px). Just want to give the header and navigation a bit of breathing room.

What do I enter for that? Sorry not up to speed on these details.
Thanks!

[Bill Robbins]

Rachelle,

No problem at all. You can use this to move the sidebar down 30 pixels too:

#sidebar {
	margin-top: 30px;
}

If you need any help, just let me know,
Bill

[Rachelle]

Thanks Bill. Your support is awesome and much appreciated!

[Author]

Posts