The theme includes a number of options to extend the background color of all main areas (header, menu, content, footer...) and /or their content to the full width of the browser.

1- To extend the actual content of main Theme areas to the full width of the browser, you can use the "Expand" option. For other areas or your own content container, you can simply use the wvrx-expand-full class, as explained in the "Full width Designs" Guide article.

2- To extend all background attributes, for main Theme areas, you can use the "Extend BG Attributes" options. For other areas or you own content containers, you can simply use the wvrx-fullwidth class, as explained in the "Full width Designs" Guide article.
This is the method used on this page.

3- If you simply need to extend the color, you can also use the Full Width BG options found in the main areas. This technique is used in the Plus Plugin page of this site.

cropped-header-large-31.jpg

THIS AREA HAS A BACKGROUND IMAGE, BORDER, AND SHADOW
post-large-5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consectetur nisi, a mattis diam interdum ac. Sed ipsum velit, pharetra id pellentesque ac, dictum non dui. Curabitur quis aliquam purus.

post-large-6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consectetur nisi, a mattis diam interdum ac. Sed ipsum velit, pharetra id pellentesque ac, dictum non dui. Curabitur quis aliquam purus.

post-large-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consectetur nisi, a mattis diam interdum ac. Sed ipsum velit, pharetra id pellentesque ac, dictum non dui. Curabitur quis aliquam purus.