Custom Header not working

• 

  teewilling · Member · Jan 2, 2009 at 10:43 pm

  • Copy link
  • Add topic to favorites

  No matter what I do my custom header refuses to work : http://www.teewilling.wordpress.com Below is my css text. Can someone please assist me? Any help will be greatly appreciated.

  h2 {
  text-align:left;
  }

  div#page {
  width:1000px;
  background:#000!important;
  clear:both;
  overflow:hidden;
  margin:0 auto;
  padding:0;
  }

  #header,#footer {
  clear:both;
  width:1000px!important;
  margin:0!important;
  padding:0!important;
  }

  #header #headerimg {
  width:1000px!important;
  height:236px!important;
  background:#000 url(‘http://teewilling.files.wordpress.com/2008/12/blog-header3.jpg’) top left no-repeat;
  margin:0;
  padding:0;
  }

  #content {
  width:780px;
  float:left;
  overflow:hidden;
  padding:0 10px;
  }

  #sidebar {
  width:180px;
  float:right;
  margin:90px 0 0;
  padding:0 5px;
  }

  #footer {
  background:#fff!important;
  }

  .widecolumn {
  float:none!important;
  }

  .narrowcolumn,.widecolumn {
  margin:63px auto 0;
  }

• 

  devblog · Member · Jan 2, 2009 at 11:00 pm

  • Copy link

  Remove “#headerimg” from your selector and add “!important” to your background property. After those changes, your selector should look like this:

  #header {
  width:1000px!important;
  height:236px!important;
  background: #000 url('http://teewilling.files.wordpress.com/2008/12/blog-header3.jpg') top left no-repeat !important;
  margin:0;
  padding:0;
  }

  HTH

• 

  teewilling · Member · Jan 3, 2009 at 12:14 am

  • Copy link

  devblog, man you are the best!!! It works. I have been pulling my hair out about this. I owe you one man!!! Thanks alot!!!