Header Image will not display

Try adding float:left; to:

#header h1 a {
background:url("/images/revamp_05.jpg") no-repeat center topt;
border:1px solid black;
display:block;
height:100px;
text-align:left;
text-indent:-9000px;
width:338px;
}

in style.css. Your header image seems to be missing at the moment.

Also see Creating_a_Static_Front_Page

THank you!!! That did help to Put the blog-description on the right side of the image, but the image just will not display! I have the image saved in the ‘images’ folder in the ‘wp-content’ folder, isn’t that the correct location?

I am at my wits end as to what I can do to display an image in my header. I’ve tried every “trick” that has been posted online and I still cannot get my image to be shown. I have no idea why it is not working. In theory, it should be working…please someone!? HELP!!!?

I currently have two images “supposedly” in my header. One is rested above my Blog title following the directions from this blog:

https://archgfx.net/blog/2006/geek/blogging/custom-header-in-css

and the other image i tried to put it into my header.php and it just shows the alt text…all this reading and coding has made me tired…once again I ask someone to work with me on the seemingly “easy” task?

Your header image needs to be in your theme’s images folder.

header.php – clean up the image url:

with this code,

<div id="header">
		<img src="https://www.revampnow.org/wp-content/uploads/2010/03/revamp_05.jpg" alt="ReVAMP" width="338" height="100">
		</div>

an image of ‘revamp’ is showing on the right hand side.

the image url was a bit odd – check the change.

in style.css – similar thing with the image url – there shouldn’t be a ‘public_html’ in the path:

#header h1 a {
display:block;
text-align:left;
background: url(https://www.revampnow.org/wp-content/uploads/2010/03/revamp_05.jpg) top center no-repeat;
height:100px;
width:338px;
border:1px solid black;
text-indent: -9000px;
float: left;
margin: 0px;
position:relative;
}

this seems to work.
remove the border: 1px solif black; (unless you like it) and change margin: 0px; to margin: 16px 0px; – and the two images are aligned.

try to get the above changes to work, and the come back if there is more to tweak.

AAAAWWWWWWW! MAN!!!!! i cant believe all i was doing wrong was putting public_html in the image link!!!

I have been agonizing over this for a week…i guess I should plead to the forums more often…or do you suggest trying to figure it out on my own…it’s sort of rewarding, until times like today!

Thank you all soooo much!!