Hello i have manged in the past to follow the instructions given here to show a differant image in my header region based on path.
http://adaptivethemes.com/show-a-unique-header-image-based-on-path

I have been struggling though to to implement it on this theme. Does anyone know how (if possible) change the rotating header feature (or just a plain header) to show a differant header image based on path (or taxonomy)? I don't want to use extra modules like themekey etc especially as the code in the link does the job just as i hope.

all thoughts appreciated as i think it would be a great feature to add to this, or any theme. thanks.

Comments

Florian’s picture

The theme can do that using only CSS and path alias. All you have is to see the outputted body classes in each page/section, a.s.o. As an example, take a look at www.301.ro and the CSS code in _custom/custom-style.css:

#headimg {
	background: transparent url(_press/headerimg/world_first.png) no-repeat 75% 9%;
}
.section-actualitate #headimg {
	background: transparent url(_press/headerimg/world_actualitate.png) no-repeat 75% 9%;
}
.section-politica #headimg {
	background: transparent url(_press/headerimg/world_politica.png) no-repeat 75% 9%;
}
.section-economie #headimg {
	background: transparent url(_press/headerimg/world_economie.png) no-repeat 75% 9%;
}
.section-sport #headimg {
	background: transparent url(_press/headerimg/world_sport.png) no-repeat 75% 9%;
}
.section-life #headimg {
	background: transparent url(_press/headerimg/world_life.png) no-repeat 75% 9%;
}
.section-image #headimg {
	background: transparent url(_press/headerimg/world_image.png) no-repeat 75% 9%;
}
.section-contact #headimg {
	background: transparent url(_press/headerimg/world_last.png) no-repeat 75% 9%;
}

You can do that for any particular node id or tag, you name it.

Florian’s picture

Issue summary: View changes
Status: Active » Closed (works as designed)