[justinillig]

I am building a website at new.sheboygangreenscape.com and i would like to reduce the header and footer padding. The padding is a good inch for the head i would like to reduce that. how can i do that?

[Sakin]

@justinillig: I don’t understand which padding you are talking about. Do you mean the margin above the header or above the header image.

[justinillig]

My custom uploaded header has a gap all the way around it that is about inch or so wide. i think this called padding. it is on the top, bottom (area between bottom of head and nav bar) and on the left side area between the edge of logo and edge of the header.

I want to remove that padding or at least reduce that so it is smaller.

Or is this my custom header image? is it not fit to the top correctly?

[Sakin]

@justinillig: Just change the padding as per you need and add it in “Appearance => Theme Options => Custom CSS” box.
#hgroup-wrap { padding-left: 50px; padding-bottom: 50px; }
#site-logo { padding-top: 50px; }

[justinillig]

That worked perfect. What about the footer now? i want to do the same thing for the footer. Reduce the padding.

Also do you know how to remove the white line on the bottom of each page. Here are some examples:
http://new.sheboygangreenscape.com/six-step-maintenance/
http://new.sheboygangreenscape.com/lawn-core-aeration/

[Sakin]

@justinillig:

Add the following CSS in “Appearance => Theme Options => Custom CSS” box in order to remove the border in the pages.
.page .site-content article { border: none; }

Add the following CSS in “Appearance => Theme Options => Custom CSS” box in order to adjust the padding in the top and bottom of footer.
#site-generator .site-info { padding-top: 50px; padding-bottom: 50px; }

[Author]

Posts