TwentyTwelve Header

  • Resolved cgsmith1

    (@cgsmith1)


    10 years, 9 months ago

    Hi. I’ve created an image header for a twentytwelve theme at https://www.amwin.co.uk and I want it to cover the entire area rather than have a white border at the top, left and right. How do I get the image to cover the whole area and have no white margins?
    I’ve tried different size images and css in the child theme but can’t seem to get it to work.
    Help appreciated. Cheers Greg

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

  • What complicates things is that the page element has left & right padding, which is preventing you from expanding the width of the image.

    Add this CSS to the end of your child theme’s style.css file:

    body .site {
   padding: 0;
   margin-top: 0;
}
.header-image {
   margin-top: 0;
}
#main {
   margin: 0 20px;
}

    So I took out the padding from the page, and added margin to the main content so there would still be some white space there.

    Thread Starter cgsmith1

    (@cgsmith1)

    Excellent. Many thanks – really appreciate your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘TwentyTwelve Header’ is closed to new replies.