Pulling up a template at random (AVA-Red) I noticed it has an interesting feature: The footer colour goes completely across the entire width of the browser window, regardless of page width or browser window size.
Looking at the template, there seems to be some sort of "trickery" (or perhaps "witchcraft") using two, nested layout regions. The back one has the fill/colour/image for the full-width background, while the front layout region has the content to be centered on the page.
I notice some CSS in the SiteStyle tagged #footer that I suspect does the full width thing. I am a CSS-O-Phobe, so only my spider sense tells me this is the key.
My question: If I am starting a style from scratch, what would I need to do to create a 100% width footer?
Do I have to manually insert the appropriate CSS code in the SiteStyle?
If I do that, how do I assign the #footer tag to the layout region?
Is there another way using the regular Style configuration tools?
Looking for the easy way...