I'm using a set up like Constellation Theme Demo where the html element is the only element that is 100% of the viewport, and the rest of the page is contained in a fixed-width, centered body element with margins.
I'm not really able to move things around to re-wrap everything in a new div element, and I'd like to keep the code clean and simple (I've managed to build everything with semantic markup).
How can I make the new custom background features apply to the <html> element on the page, rather than the <body> element?
That is, from the standard functionality:
<html> <body class="custom-background"> <div>content</div> </body> </html>
I'm trying to get here:
<html class="custom-background"> <body>content</body> </html>
I can't imagine it should take too much tweaking, I just don't know where to start. I also don't need to worry about the theme being backwards compatible (building for a specific non-profit which is already updated).