How do I remove the side padding around the header image and menu bars.
I still want the padding in the body section.

Go to ATO>Style and configure Layout and remove the side padding then you go to ATO>Style Post and Pages use margins and padding there to move the pages in. Then you will need to go to ATO>Style Widgets and ATO>Style and configure Sidebars to make CSS changes there as well.

If you start playing with the CSS I think you should see how this would work.

Originally Posted by lmilesw

Go to ATO>Style and configure Layout and remove the side padding then you go to ATO>Style Post and Pages use margins and padding there to move the pages in. Then you will need to go to ATO>Style Widgets and ATO>Style and configure Sidebars to make CSS changes there as well.

If you start playing with the CSS I think you should see how this would work.

Can you be a bit more specific about what exactly to do in the ATO>Style Post Pages? I've been messing around in there but can't find the right way to move the pages in. Here's my site if you want to see what I mean: www.embodiedawake.com

Thanks!

In your case you will need to add left padding to your left sidebar in ATO>Style & configure sidebars. Then you will probably have to redo the image size as you are effectively reducing the sidebar width. This positioning stuff can get so intertwined at times. Makes life interesting though.

Would that be the left and right sidebar style? I tried changing the padding form 10px to 20px and didn't see any change. Did I do it right?

You only have a left sidebar so I would add padding-left:20px; to the Left sidebar style box and leave the padding-right as it is.

Really what I'm wanting to do is creating a slightly wider margin on both left and right of the page. The margins were shrunk when I got rid of the margin in the header. Is this possible? I like the header the way it is but can't figure out how to make my margins in the main body wider.

You can add left padding to the left sidebar or you can add a left margin to the class of widget in the left sidebar. You would add something like the following in ATO>Add HTML/CSS Inserts>CSS Inserts

td#left div.widget {    margin-left: 20px;}

You will then have to resize your image to fit in the now smaller sidebar or increase the width of the sidebar to compensate. You will probably also want to add some left and right padding to the center column (td#middle)

Thank you! I actually just got rid of my left sidebar and will probably put one in on the right soon. But for now the text goes right up to the left side of the page, on all pages. Can you give me some specific instructions on where to make adjustments to increase the margins?

This is happening because I expanded the header to reach out to the edges but it has effected the whole center column.

It looks like you have padding on your center column (ATO>Style & edit Center Column) of

padding: 10px 50px;

Just add !important to the end as in.

padding: 10px 50px !important;

This will override any styling mentioned elsewhere.

Boy, that was refreshingly easy!

Thank you again for your help!