Specific background for posts in specific category!

That was a very fast response! THanks for that.

Yeah i noticed that as well.

body.article.category-hammer
{
background-color:#000;
background-image:url(img/4.png);
background-position:center top;
background-repeat:no-repeat;
color:#555;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:14px;
}

so this i just added to that custom style.css but this does not work…
I only want if I open an article which is related to that i.e. hammer category the background image of that category should be shown as well. and not only when i select the complete category.

Maybe it is just hard to explain:
Ok i gonna try it again 😉

Did you visit the website i posted in the first post?

There you can see the default image with discus throwers.
If one would now click in the menu on a category, for example the hammer.
Then the background images (Header) changes to hammer throwers.
Same will happen when one would select shot put or javelin.
Therefore we do have 4 different categories with 4 different background images(headers).

What we are still not able to do the following:
The change in background according to the category works if one selects the specific category. BUT!
It does not work when one would select and try to read an article.
Then only the default background with the discus throwers is shown.
But the background image (header) should change, as it does if one clicks on the certain category, to the according background image.

MEANING: If one selects a posts which is related to the HAMMER category, than the hammer background image should be shown and not the default one with the discus throwers.

if i would only put article.categor-hammer and than background image than it would mean that the background of the article will have the background image(header) but the background image of the whole website should change not the one in the back of the article.

Hope this explanation is clear 😉 if not, maybe i can give it a try via skype? or teamviwer ?

thanks in advance

Yeah that’s why i came to the forum and hope somebody would be able to help me with that. I just dont understand why it would not be able to work with css.
When posting as you have seen the category is in the css tags.
By this it should be possible to generate the specific background…

custom template for each post category? mhh have to check how to do that..

I’ve found this in the forum here:

<?php if (have_posts()) : ?>

<?php $cat_obj = $wp_query->get_queried_object(); $cat_id = $cat_obj->cat_ID; ?>   

<?php if (in_category('1001') ):
	  // category 1001 ?>
	<style type="text/css">
	body {background-color:#000;background-image:url(/images/background.jpg);background-repeat:repeat;}
	</style>

<?php elseif (in_category('1002') ):
	  // category 1002 ?>
	<style type="text/css">
	body {background-color:#000;background-image:url(/images/background2.jpg);background-repeat:repeat;}
	</style>

<?php endif; // end the if, no images for other other categories ?>

And changed it to:

<?php if (have_posts()) : ?>

<?php $cat_obj = $wp_query->get_queried_object(); $cat_id = $cat_obj->cat_ID; ?>   

<?php if (in_category('discus') ):
	  // category discus ?>
	<style type="text/css">
body {
	background-color:#000;
	background-image:url(img/3.png);
	background-position:center top;
	background-repeat:no-repeat;
	color:#555;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
}
	</style>
<?php elseif (in_category('hammer') ):
	  // category hammer ?>
	<style type="text/css">
body {
	background-color:#000;
	background-image:url(img/4.png);
	background-position:center top;
	background-repeat:no-repeat;
	color:#555;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
}
	</style>
<?php elseif (in_category('javelin') ):
	  // category javelin ?>
	<style type="text/css">
body {
	background-color:#000;
	background-image:url(img/2.png);
	background-position:center top;
	background-repeat:no-repeat;
	color:#555;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
}
	</style>
<?php elseif (in_category('shot-put') ):
	  // category shot-put ?>
	<style type="text/css">
body {
	background-color:#000;
	background-image:url(img/1.png);
	background-position:center top;
	background-repeat:no-repeat;
	color:#555;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
}
	</style>

<?php endif; // end the if, no images for other other categories ?>

But unfortunately it does not work so far 😛

Do you think it can be changed that it will work?
I do have this code in styleshee-custom

maybe i have to put it some place else??

Yeah youre right 😉
does it matter at which position in the header.php i would place this code?

Have you seen that code before? do you think it will work?

alchymyth thank you for your input:

simple, because the ‘post_class()’ outputs the .category-{whatever} already into the article tag.
the formatting:
article.category-hammer { background-image: url(img/4.png); }
should do it.

This would not do it because it will create a background image in the article not from the whole page.
I tried that already 😉
But the background image of the body should change according to the related category.

Thanks for your caveat ;), I knew there was something random comming if one would tag more than one category.
The one with your functions filter thing i need to try that.

add_filter( 'body_class', 'single_post_category_body_class' );

function single_post_category_body_class( $classes ) {
  if( is_single() ) {
    foreach( get_the_category( $post->ID ) as $cat ) $classes[] = 'category-' . $cat->slug;
  }
return $classes;
}

So i would put this into the functions.php and in the stylesheet-custom.css I would need to add the different background according to the filtered categories?
Did i understand it correct?