I recently purchased a one page scrolling theme.
It is based on the 960 grid and uses jQuery.
My question is what is the best way to go about displaying a different background image for each "page" (section) on the one scrolling page?
I attempted a basic body class fix in the header.php file thinking that I could simply call each page using ".page-id-1" type code.
Unfortunately it calls on the first page or .home page and then there is no styling for the following pages.
Thanks for the suggestions in advance!
This is the theme:
This is an example of someone using "multiple" backgrounds (two different repeating tiles alternating every other section):