This is a quick way to override a column width. There is also a full width column add-on where you can have a full width column, or row, above several columns. In this case I just needed to change a column width when elements were hidden from view to change the layout. Column widths are added as style statements to the divisions; <div class="page_column page_column_first" id="page_column_1" style="width: 327px;"> You can override that inline style using javascript. In an HTML block I added to the page I included the javascript code:
<script type="text/javascript">// <![CDATA[
document.getElementById('page_column_1').style.width = "1120px";
// ]]></script>
That block is hidden from view when a member is viewing the page so the normal layout of the page is presented. For other columns it follows with page_column_2, page_column_3, and so on.
