Remove wrapper padding in header?

  • lynnetteelaine

    (@lynnetteelaine)


    15 years, 2 months ago

    I want to remove the padding around my header so the header image is flush with the background on top, right and left. I can do this by removing the padding in the wrapper, but this results in losing the padding in the content area of the blog.

    I was able to get around this by making the background color of the header the same html color and by making the header image wider, these changes fixed the top and right sides, but I still have a 20px padding on the left side of my header.

    How can I get rid of padding on my header without losing the padding on the content section?

    http://theitgirlproject.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    15 years, 2 months ago

    Try adding margin-left: -20px; to:

    #branding img {
    border: medium none;
    clear: both;
    display: block;
}

    in style.css.

    Thread Starter lynnetteelaine

    (@lynnetteelaine)

    15 years, 2 months ago

    Awesome! That did itT Thanks so much …

    Now, I’ve got one other issue though – I just checked to see how it looked in Firefox, and for some reason all my content is over to the right outside of the wrapper …. ugh, what’s going on? Can’t find where/why this is happening? It wasn’t a result of adding the code you directed, it was something I did when I was trying to figure it out before …

    esmi

    (@esmi)

    15 years, 2 months ago

    Ah! I thought the design was intended to be a horizontally scrolling one! 🙂

    Start by sorting out the markup errors. Then move onto the CSS errors.
    http://codex.wordpress.org/Validating_a_Website

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Remove wrapper padding in header?’ is closed to new replies.