Different background on different pages

[EvanM07]

So in editing the style.css and the style2.css I have found out how to change the background. Unfortunately it sets it for every page. Is there a way to set a different background for say my Pilot Center page than there is on the front page?

[Vangelis]

Have a look at this

http://stackoverflow.com/questions/16646835/different-background-for-each-page

[magicflyer]

Use this code in the .tpl/.php file you want it changed(Put it at the top). The !important at the end servers to override any existing properties for backgroundImage.

<script>
document.body.style.backgroundImage = "url('INSERT IMAGE URL HERE') !important";
</script>

That should do it. Don't try to change it via CSS in the .tpl file, it's not going to override it's parent elements.

[EvanM07]

What if I just wanted to use a hex code color instead of a background image?

[magicflyer]

<script>
document.body.style.background = "#HEXHEX !important";
</script>

[EvanM07]

I tried changing that in the profile_main.tpl and it still the same

[EvanM07]

Still not finding a solution to this