Step #1. Open styles/we_universal/template/overall_header.html
and find:
<div class="inventea-wrapper inventea-content" role="main">
Step #1. Add after:
<div class="sidebar">
Sidebar content here
</div>
<div class="content-floated">
Step #3. Open styles/we_universal/template/overall_footer.html
and find:
<!-- EVENT overall_footer_content_after -->
<!-- EVENT overall_footer_page_body_after -->
</div>
Step #4. Add after:
</div> <!-- /content-floated -->
Step #5. Open styles/we_universal/theme/common.css
and find:
.inventea-content:after {
content: "";
display: block;
clear: both;
}
Step #6. Add after:
.sidebar {
float: left;
width: 20%;
}
.content-floated {
float: left;
width: 80%;
}