Resizing Freshy Theme Header?

• 

  aloenicepig · Member · Mar 22, 2011 at 12:34 am

  • Copy link
  • Add topic to favorites

  I was hoping to add a custom header image to the Freshy theme but higher than the current theme css suggests.

  The relevant section of the stylesheet:
  
#title_image {

  margin:0;

  text-align:left;

  display:block;

  height:95px;

  background:url(images/headers/header_image2.jpg) center center transparent repeat-y;

  }

  I want to change the height to 150px which I thought would be as simple as changing the figure (95 to 150) but it does nothing.

  I also notice when you view the page source it shows up as
  
<style type="text/css">
#title_image {
background-image:url(http://grumpyhatlady.wordpress.com/wp-content/themes/pub/freshy/images/headers/550338_91393604.jpg);
}
</style>


  the two images are completely different. One is raindrops (the lower code) and the other is an island (the higher code)

  So If I want a custom image and a custom size, what do I do?

  Any advice would be appreciated.

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

• 

  panaghiotisadam · Member · Mar 22, 2011 at 2:23 am

  • Copy link

  Upload a 780×150 image via Media > Add New, copy its URL, then add this to your CSS:

  #title_image {
  background-image:none;
  margin-left:10px;
  height:150px;
  width:780px;
  background:url(“IMAGE URL HERE”);
  }

• 

  aloenicepig · Member · Mar 22, 2011 at 12:23 pm

  • Copy link

  thank you, off to try it now. :)

• 

  aloenicepig · Member · Mar 22, 2011 at 12:41 pm

  • Copy link

  Thanks again it worked for me :).

  A friend tried similar using a self hosted version of this same theme and the above code hasnt worked. oops. Says the height part of the code is cancelled out by something else but she’s unable to work out what.