Need help? Check out our Support site, then


adjusting css, to allow for taller header image

  1. attempting to insert a larger then 800x140 header image, to 800x200 image into the header. is there a css code that will allow for this? Many Thanks

    The blog I need help with is tapasri.com.

  2. First, go to appearance > header and remove the header image. You will not be using the header uploader or standard header any longer.

    Create your image, upload it to the image library, get the URL of the image and then put it into the background declaration below between the double quotes where it says, URL OF HEADER IMAGE.

    #header-image {
    background: url("URL OF HEADER IMAGE") no-repeat scroll 0 0 transparent;
    height: 200px;
    }
  3. Thesacredpath,

    Many thanks for this great information. I have inserted the code into the custom css area, although the image/header is not loading. Everything was done as you stated.. any ideas? here is a copy of my complete custom css

    #site-title a {
    color:#FFD700;
    text-transform:lowercase;
    }

    #header-image {
    background: url("http://tapasri.files.wordpress.com/2011/09/untitled1.jpg") no-repeat scroll 0 0 transparent;
    height: 200px;
    }

  4. It looks like you got it, and I'm sorry, apparently I messed up with the selector name.

  5. @sripeechu, I noticed your header image overlaps the top gradient background in the Chunk theme. If you moved it down a little more, the image wouldn't overlap the gradient:

    #header {
    padding-top: 115px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic