wordpress - change logo for different page

[namvijay]

Hi Guys,
Need help. I am building a wordpress based site for my friend.

I need 3 pages on the site to display a different logo/header from the main pages.

Is it possible to do that? If you can assist it will be great

[Force Flow]

For the page you want to change the logo for, go to the editor and switch to the source/html view.

Then, add something like this:

<style type="text/css">#header{ background-image: url("images/alternate-logo.png"); }</style>

This will override the default logo that is set in the template.

Note that you will have to double check to see where this logo is set to make sure you have the correct CSS tag.

[namvijay]

Thanks

I have the following in my style.css which calls the original logo (it think)

#header {
	width: 960px;
	height: 90px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#header p {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#header #imageheader {
	width: 960px;
	height: 100%;
	text-indent: -10000px;
	background: url(images/logo.png) left top no-repeat;

Do I have to create another header tag eg. #headeralt ?

[namvijay]

Hi Force Flow,
I added the code as requested and modified slightly. I am doing the correct one?

<style type="text/css">#header{ imageheader: url("images/logoalt.png"); }</style>

But it is not working.

[Force Flow]

Try this:

<style type="text/css">#header #imageheader { background-image: url("images/logoalt.png"); }</style>

[namvijay]

Great! Thank you so much!

Minor change is that need to include absolute address of the image, including http:..

Really appreciate your help