Changing header size

• 

  theculinarycat · Member · Jul 15, 2011 at 1:23 am

  • Copy link
  • Add topic to favorites

  Hello,
  I am trying to change the header size on my wordpress page: http://theculinarycat.wordpress.com/

  The theme I am using is Fruit shake: http://theme.wordpress.com/themes/fruit-shake/

  That banana photo I am replacing, and I would like to half the size of the header. (Preferably including instructions how to change the size, not just the number, as I might play around with the size later on).

  I had a look at the code and searched around online but couldn’t work out how to do it.
  http://s1.wp.com/wp-content/themes/pub/fruit-shake/style.css?m=1309982078g&minify=false
  ^ There’s the code. I don’t even know where to begin.

  Thank you :)

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

• 

  thesacredpath · Member · Jul 15, 2011 at 2:56 am

  • Copy link

  Here is the code to change the height to about half of the 285px it is now (150px). You will have to create a 985px x 150px header image, upload it to your media library, get the URL of that image and then insert it into the “background” declaration between the double quote marks.

  #site-image {
      background: url("URL of image") no-repeat scroll 0 0 transparent;
      height: 150px;
  }
  #site-image img {
      display: none;
  }

  If you want a height different than 150px, edit that value and then make the image with that height.