Duster – Trying to change my header image and its size

• 

  afileo · Member · Mar 10, 2011 at 11:25 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I’ve been trying to modify the duster header background image with-out any luck. I’ve read here that is possible to do it but you will loose the blog title and blog tag line.

  What I want to do is to place a (.PNG) so it’s transparent and the the blog title and tag line are still visible and the background image shows. I’m also having trouble with the search bar, it actually doesn’t have the words “search” next to the magnifying glass.

  I really appreciate your help here.

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

• 

  afileo · Member · Mar 11, 2011 at 12:43 am

  • Copy link

  I think I solve my problem.

  The white area was generated by the margin of the site description. So it was making a white space.

  this is the code I use to adjust it:

  
/* Adds a background image to the banner of the blog */

  #branding {
  background: url(http://blogafi.files.wordpress.com/2011/03/banner1.png) no-repeat scroll 0 0 transparent;
  height: 100px;
  padding: 0;
  }

  /* Adjust the padding of the site title and tag line -- to align with the background of branding */

  #site-title {
  padding: 3em 0 0 0;
  }

  #site-description {
  margin-bottom: 1em;
  }