Header Customization with CSS in Digg3

• 

  workinjurylaw · Member · Nov 10, 2011 at 8:56 pm

  • Copy link
  • Add topic to favorites

  Instead of having a header and overlay image underneath it in Digg3, I made my own. I got rid of the overlay:

  #header-overlay {
  display:none;
  }

  But when I add my new image using this code it is all messed up:

  #header {
  position:absolute;
  width:904px;
  height:214px;
  background:url(‘http://workinjurylaw.files.wordpress.com/2011/11/blog-header01.jpg’); no-repeat
  }

  This is my blog: http://workinjurylaw.wordpress.com/. You can see it cuts off half my blog and sidebars and the menu tabs and search bar are in the wrong place. How can I adjust the position of the header?

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

• 

  thesacredpath · Member · Nov 10, 2011 at 9:45 pm

  • Copy link

  Give this a try.

  #header {
  margin-bottom: 20px;
  }
  
  #header-box {
  background: url("http://workinjurylaw.files.wordpress.com/2011/11/blog-header01.jpg") no-repeat scroll 0 0 transparent;
  height: 214px;
  }
  
  #header-overlay, #header-image {
  display: none;
  }

• 

  workinjurylaw · Member · Nov 15, 2011 at 8:28 pm

  • Copy link

  That worked great, thank you so much!

• 

  thesacredpath · Member · Nov 15, 2011 at 8:46 pm

  • Copy link

  You are welcome.