home page background different to other pages

[productsteps]

Hi all,
I am trying to improve my site and doing a little css work.
I am however struggling trying to gt a different header image on my home page than the rest of the site.

I have tried the below but still doesnt work?

.page-id-228 #body.custom-background{
background-color: white;
background-image: url('http://www.engineeringsteps.com/wp-content/uploads/2012/04/background-home.png');
background-repeat: repeat-x;
background-position: top left;
background-attachment: scroll;
}

I would appreciate any suggestions as I have tried a few knocking about on this forum.

Thanks in advance

http://www.engineeringsteps.com

[sayontan]

Do you want a custom background or a custom header? Your title says "background", your post says "header image". If you can clarify we will be able to help you.

[productsteps]

Sorry, its a custom background. I dont want to change my header just the background behind it.
Thanks for reviewing, love your theme

[sayontan]

Instead of ".page-id-228 #body.custom-background" use ".page-id-228 body.custom-background".

[productsteps]

thanks, I tried it and still didnt seem to work

I now have:

page-id-228 body.custom-background {
background-color: white;
background-image: url(http://www.engineeringsteps.com/wp-cont ... d-home.png);
background-repeat: repeat-x;
background-position: top left;
background-attachment: scroll;
}

it doesnt seem to even change the css code when I check the css rules

any more ideas would be appreciated

thanks

[drake]

Try to add at Suffusion Options -> Backend -> Custom Includes -> Custom Styles just:

Code: Select all

.page-id-228 body {
background-color: white;
background-image: url('http://www.engineeringsteps.com/wp-content/uploads/2012/04/background-home.png');
background-repeat: repeat-x;
background-position: top left;
background-attachment: scroll;
}

Background is just a property of body, don't need a separate class for it.

[sayontan]

Actually it should be body.page-id-228.custom-background

[hugefan]

Brilliant! Suffusion is truly the King of WordPress Themes!

I came to this forum to learn how to have a different background color for each page, and sure enough, here's the answer - Thank you, Sayontan! I'm passing the hat this week to buy you several cups of coffee!