Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 30, 2013 at 9:06 am #8048
    justinillig
    Participant

    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?

    April 30, 2013 at 10:48 pm #8085
    Sakin
    Keymaster

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

    April 30, 2013 at 11:02 pm #8089
    justinillig
    Participant

    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?

    April 30, 2013 at 11:23 pm #8096
    Sakin
    Keymaster

    @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; }

    May 1, 2013 at 12:12 am #8103
    justinillig
    Participant

    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/

    May 1, 2013 at 6:46 pm #8152
    Sakin
    Keymaster

    @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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header and Foot Padding’ is closed to new replies.