Missing header with custom CSS

• 

  getarealitycheck · Member · Mar 26, 2007 at 11:07 pm

  • Copy link
  • Add topic to favorites

  Hi here is my wordpress page: http://getarealitycheck.wordpress.com and I want to set this image as a header; http://img.photobucket.com/albums/v211/TheoUKHC/realitycheckbannersmall1.jpg

  I am having a LOT of trouble doing this using custom CSS! Could someone help me out. Thanks,

  -Theo, London

• 

  trent · Member · Mar 26, 2007 at 11:20 pm

  • Copy link

  You have to have the URL of the image. If you want that particular banner, it would be something like this:

  #masthead {
  position:relative;
  top:0;
  background:url('http://img.photobucket.com/albums/v211/TheoUKHC/realitycheckbannersmall1.jpg');
  width:700px;
  height:225px;
  margin:0;
  }

  Not sure if that is the header part, but I think so. You have to call image complete URL’s with custom CSS because it is no longer relative to the original theme directory, but using your CSS sheet.

  Trent

• 

  drmike · Member · Mar 26, 2007 at 11:20 pm

  • Copy link

  The URL should be:

  

  I wouldn’t be polling from photobucket and you already have it in your space here.

• 

  sunburntkamel · Member · Mar 26, 2007 at 11:32 pm

  • Copy link

  you need to delete your custom header image on the custom header options page.

  you may still need to add an !important:

  div#masthead {
  background: transparent url(http://getarealitycheck.files.wordpress.com/2007/03/realitycheckbannersmall13.jpg) no-repeat scroll 0% !important;
  }

• 

  getarealitycheck · Member · Mar 27, 2007 at 11:16 pm

  • Copy link

  Thanks for your help! It’s sorted.

• 

  trent · Member · Mar 27, 2007 at 11:34 pm

  • Copy link

  Good to hear! I marked the topic as “resolved”!

  Cheers,

  Trent