Changing Header Size

• 

  ringling9 · Member · May 12, 2011 at 12:34 am

  • Copy link
  • Add topic to favorites

  This is kind of a stupid question! I need to make the height of my header bigger, but the theme only allows 160px height. What do I add and where to change the height of the cropped header?

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

• 

  thesacredpath · Member · May 12, 2011 at 1:55 am

  • Copy link

  First off if you want the same style (with the rounded border) then you need to create a new header overlay image that has enough height for your new image.

  http://s1.wp.com/wp-content/themes/pub/digg3/images/bg_header_overlay.png?m=1259517429g

  Then you upload that overlay image to the media library and put the URL of it in here:

  #header-overlay {
  background: url("URL of new overlay") no-repeat scroll 0 0 transparent;
  }

  Then you upload the new header image, get the URL and put it in here and adjust the height as needed to accommodate the new overlay and the new header image.

  #header {
  background: url("URL of new overlay") no-repeat scroll 0 0 transparent;
  height: 250px;
  }

  Various other things will have to be adjusted such as the image map you created and such.

• 

  ringling9 · Member · May 12, 2011 at 3:02 am

  • Copy link

  Do I have to have a header overlay? Or could I leave that part out. I wanted the header directly above the image map I told you about in the other thread.

• 

  thesacredpath · Member · May 12, 2011 at 3:32 am

  • Copy link

  No, you can do a background:none; on #header-overlay to get rid of it.

• 

  ringling9 · Member · May 12, 2011 at 3:38 am

  • Copy link

  Should I remove the current header that I uploaded in the appearance tab? And then upload the new one to media? Or could I upload it Under appearance, then in the code make the image higher so you could see the part I had to crop out

• 

  thesacredpath · Member · May 12, 2011 at 3:42 am

  • Copy link

  No, once you go about changing a header size you have to upload to the media library and go directly into the CSS. The custom header thing will always size to the original header dimensions.