This page illustrate a mix of Full Width Content for the header and footer, mixed with limited width Content area where only the backgrounds area extended.

To make Content areas (here footer and header) full width, the theme width is set to 100%.

Then the content in between is limited to a smaller width using the “Max-Width” option.

Finally, the background of the content area is extended using the “Extend BG Attributes” Option.