Twenty Eleven Transparent Header

• 

  networldmediagroup · Member · May 30, 2012 at 4:15 pm

  • Copy link
  • Add topic to favorites

  I am trying to upload a transparent PNG header but it keeps putting a white background behind it. I have the PNG sized at exactly 1000x 288 as it says. However, it keeps wanting to crop the image when i upload it making it a jpg. Im a bit frustrated as it says I should be able to do this and I have tried everything it seems!
  Blog url: http://networldoutburst.wordpress.com/

  The blog I need help with is: (visible only to logged in users)

• 

  absurdoldbird · Member · May 30, 2012 at 9:18 pm

  • Copy link

  I had a look at the image info for your header and it is a .PNG file. However, if the original background is white, any transparent image you put over it will show the white through it! Did you want a design behind or around your logo? If so, the best way is to do the image you want to the required header size for your theme, as a normal non-transparent image file and then, in the same graphics program, put the logo or text on top of it. Then, when it’s ready, upload it to your blog in the usual way.

  Have a look at what it says about the header image on this page for the theme you’re using:

  http://theme.wordpress.com/themes/twentyeleven/

  and also look at the documentation on custom header images in general:

  http://en.support.wordpress.com/themes/custom-header-image/

• 

  networldmediagroup · Member · May 31, 2012 at 12:36 pm

  • Copy link

  Thanks for your reply! As of this moment, the background is set to a grey background but the png is showing white behind it. Will wordpress not just show the grey color behind it? My PNG is sized to exact size but it still asks me to crop it. If i turn it into a jpg and try to upload, it doesnt ask me to crop it. I just want the background to show behind the logo once i place my background.

• 

  absurdoldbird · Member · May 31, 2012 at 2:37 pm

  • Copy link

  The background of the header is usually different from the color set for a background. So chances are, it’s white as that’s the default color for the theme you’re using.

  The color of your background (from what I can tell – I have Firefox and an add on called ColorZilla with which one can sample any color that one can see in the browser) is #E3E3E3, so if you want a header with that color as its background, so that it blends in with the one that surrounds your content and header area, you can put that color code (with the hash symbol first) into a graphics program and do the header logo against it as I suggested in my previous comment.

  As for why it’s trying to crop it… you might have saved it at a higher resolution than it will use. I would suggest that you use 100ppi and if that doesn’t work use 72ppi.

• 

  absurdoldbird · Member · May 31, 2012 at 2:38 pm

  • Copy link

  And I’m going to mark this so that staff will look at it (I’m a volunteer) just in case there is a bug in the cropper.