header image and css

• 

  barelybrooklyn · Member · Oct 22, 2008 at 11:55 pm

  • Copy link
  • Add topic to favorites

  hi,

  i am new to wordpress and am trying to customize my blog by altering the CSS. However, the header image seems to have disappeared. Does anyone have any thoughts? Please help.

  http://barelybrooklyn.wordpress.com/

• 

  thesacredpath · Member · Oct 23, 2008 at 12:06 am

  • Copy link

  Once you get the custom CSS upgrade, you have to put the link to your header image directly into the CSS. First upload the image to the media library, then get the URL of the image, then put it into the CSS.

• 

  barelybrooklyn · Member · Oct 23, 2008 at 1:45 am

  • Copy link

  Thanks. Do you know exactly where I should place in the CSS?

• 

  thesacredpath · Member · Oct 23, 2008 at 1:50 am

  • Copy link

  Yeah, it goes in #pic

  #pic {
  background:transparent url(headerURLhere) no-repeat scroll 0 0;
  }

• 

  chercwe · Member · Oct 28, 2008 at 12:50 am

  • Copy link

  How do you change the image in where the title would be? I can’t seem to find out.

• 

  vergiftet · Member · Oct 30, 2008 at 12:07 am

  • Copy link

  Oh… I can’t seem to find the place to add the above-mentioned code in Ocean Mist, so now I’m sadly “header-less” (there is no #pic in there).

• 

  vergiftet · Member · Oct 30, 2008 at 12:38 am

  • Copy link

  btw, i tried adding the code by thesacredpath to many different parts of my css, but the header just wouldn’t appear.

  what is wrong here?

  # pic {
  background:transparent url(http://vergiftet.wordpress.com/files/2008/10/header2.jpg) no-repeat scroll 0 0;
  }

• 

  vivianpaige · Member · Oct 30, 2008 at 12:49 am

  • Copy link

  What’s wrong is that the CSS for every theme is different so the selector is different. In your case, it is in div#header.

  If you are going to play with CSS, I strongly suggest getting the developer’s toolbar for Firefox. That allows you to see the elements in your theme.

• 

  vergiftet · Member · Oct 30, 2008 at 1:56 am

  • Copy link

  Thanks, that’s a good idea, switched to Firefox now.

  However, the header appears in a rather weird place now and there is a black line in the middle of it. Do you happen to know how to place the header in its original position?