Smart Backgrounds support

[dreamlex]

Another feature you can use is the fact that the body of each page has a unique id, like #indexBody, #productsallBody, #productinfoBody, etc.
You can combine this with the sub-element to change the sub-element's styling on different pages:

#indexBody .centerColumn {background-color: #112233;}

#productsallBody .centerColumn {background-color: #223344;}

#productinfoBody .centerColumn {background-color: #334455;}

These can all go in the main stylesheet, and only the one that is current will be used.

This is similar to the way Smart Backgrounds works, but cannot cover the full range of Smart Backgrounds' applications.

Somebody directed me to your smart background add-on. and I chanced upon your post. Thats what I am looking for.

I wanted to have different body id for each product category on main nav bar so that changed color of the bar will stay till user click on other nav item and then that nav item's bar will change color.

Any idea how to do that?