Backgroundcolor

Maybe the answer is simple but I searched for hours and didn't find it: How do I change the backgroundcolor of a single page. e.g. I want one page with red background, the other black and so on.....

Thnx in advance

Well in fact it's not so simple because body tag is from master layout. This would be some workaround:

any ware in content for particular page put HTML like this (you could use custom HTML module)

<span class="backgorund-mark" background="#0000FF" ></span>


#0000FF is example value, then in head section of index.php just before tag closing </head> add:

<script>
if(jQuery('.backgorund-mark')[0])
jQuery('BODY').css('background-color',jQuery('.backgorund-mark').attr('background'));
</script>

But on your demo-site the pages "neighborhood" and "Gallery" have a different background color. Unfortunately I can't find what changes the background color of these pages......

Each article is placed in vertical order, and each article row gets row-X class , X starts for 0.

So for demo in layout.css we have:

div.row-2, div.row-4 {
background: none repeat scroll 0 0 #F6F6F6;
}

to paint 3rd ans 5th row (article).

So you just need to add css for your article row, for example:

div.row-3{
background:Red;
}