Home Forums Weaver Xtreme Theme Full-Width Stacking Re: Full-Width Stacking


Xtreme has an option for background extension for all its main areas (header, footer, menu bar, content..). It is the “Full Width BG” box.

Then as far as creating the same within the content, the theme cannot do anything about it as it does not manage content, but there is an easy way to use custom CSS on content.

What you do is the following

Add the rules below in Main Options > Fonts & Custom > Custom CSS Rule box

.is-desktop #content, .is-desktop #container {overflow:visible;}
.is-desktop .full-width-bg {margin-left:-500%; margin-right:-500%;padding-left:500%;padding-right:500%;}
body.is-desktop {overflow-x:hidden;}

Then when creating content, use the following HTML code for each Container with a different Background color needing to be extended

<div class=”full-width-bg” style=”width:100%;background-color:grey;”>Your content</div>

I added this piece of tutorial to the full width one below


@weaver, given this is a popular demand, may be you could add the full-width-bg class style to the theme