WordPress.com

1. sripeechu
   Member
   Sep 22, 2011, 11:29 PM

   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. thesacredpath
   Member
   Sep 22, 2011, 11:51 PM

   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. sripeechu
   Member
   Sep 23, 2011, 12:03 AM

   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. thesacredpath
   Member
   Sep 23, 2011, 2:07 AM

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

5. designsimply
   Staff
   Sep 24, 2011, 6:06 PM

   @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.