WordPress.org

Support

Support » Themes and Templates » How do I change the header padding without changing the footer padding

How do I change the header padding without changing the footer padding

  • Hello,
    I found a forum link which partially solves my problem using this code:

    #wrapper {
    background: #FCFCFC;
    margin-top: 0px;
    padding: 0 20px;
    }

    How do I change the header padding without changing the footer padding?

Viewing 9 replies - 1 through 9 (of 9 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    No way to answer CSS questions without seeing your site.

    WPyogi

    @wpyogi

    Forum Moderator

    What are you trying to do? You can’t change the #wrapper padding on only one contained element.

    I want to remove the white space to the left and right of the header. This works:
    http://www.throwingabrick.com/wordpress/customizing-the-wordpress-twenty-ten-theme.html

    #branding img {
    border-top: none;
    border-bottom: none;
    }
    #header {
    padding: 0 0 0;
    }

    But when the white space on either side of the banner is gone the text in the outer footer widgets is right along the edge of the red background (no padding).

    If this isn’t possible, then how to I widen the whole site by about an inch on both side?

    esmi

    @esmi

    Forum Moderator

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    I have been using Firebug for the past week, trying this and trying that. Is there a link that explains the basics of
    manipulating the layout?

    Also, Firebug is annoying it’s like trying to drive a car while looking through a keyhole. Is there someplace specific I should be looking at through this keyhole?

    WPyogi

    @wpyogi

    Forum Moderator

    Try:

    #wrapper {
        padding: 0 !important;
    }
    
    #footer-widget-area {
       padding: 0 20px;
    }
    
    #footer-widget-area .widget-area {
        width: 210px;
    }
    
    #site-info {
        margin-left: 20px;
    }

    Thank you. I tried this, but somehow I mangled it:

    #footer-widget-area .widget-area {
    width: 210px;

    Thanks again, this really helps my bearing.

    WPyogi

    @wpyogi

    Forum Moderator

    Looks good to me – what doesn’t look right to you? Try clearing your browser cache.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How do I change the header padding without changing the footer padding’ is closed to new replies.
Skip to toolbar