Best practice for displaying a different header image on each page?

[kworthington]

Hi, I'm using the Pixel Happy child theme (http://demo.studiopress.com/pixelhappy/) and I'm wondering what the best way is to display a different header image / logo (images/header.png) at the top of pages.

Is there a plugin available that will do this? Or should I use PHP,  CSS, or a mixture of PHP and CSS to make it happen? Any examples would be really helpful too.

Thank you,

Kevin

[SoZo]

You can use body classes to create separate style rules.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[kworthington]

Thanks John, I'll check it out.

[kworthington]

Yes, that got me on track - thank you!

For anyone else using Pixel Happy specifically, I used:

.page-id-25 .header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
background-image: url(http://mydomain.com/wp-content/uploads/2013/01/Page25Header.png);
background-position: initial initial;
display: block;
float: left;
width: 960px;
height: 120px;
margin: 0;
padding: 0;
text-indent: -9999px;
overflow: hidden;
background-repeat: no-repeat no-repeat;
}

[Author]

Posts