WordPress.com

1. notchangingmyname
   Member
   Oct 5, 2012, 1:52 PM

   Right now, the header and the menus areas go across the fill width of the window. I would like to change it so that they have the same margins as the body content and I can put a border around it all. I want it to end up looking like this:

   http://rorysnewblog.files.wordpress.com/2012/10/layout.jpg

   Any advice would be appreciated. Thanks!

   The blog I need help with is rorysnewblog.wordpress.com.

2. zandyring
   Happiness Engineer
   Oct 5, 2012, 5:47 PM

   Hey Rory,
   This will get you started:

   #body-container {
       border: 1px solid gray;
       margin: 0 auto;
       padding: 15px;
       width: 1180px;
   }

   You can see that you can adjust that padding to make the outline further out or closer in to your content. Leave your margin setting as it is shown, because that ensures it centers the content. Anything else is adjustable!

   Good luck,
   -Z

3. notchangingmyname
   Member
   Oct 5, 2012, 6:36 PM

   Thanks Z! Worked perfectly...of course. I appreciate it. :-)

4. zandyring
   Happiness Engineer
   Oct 5, 2012, 6:57 PM

   Glad to help :)

Topic Closed

This topic has been closed to new replies.