[Resolved] Homepage Copy Width

[CoderJim]

I need the copy on the homepage to resolve to 100% width and I see in the foundation.css line 939 where it is noted as a 'large-9' (75%), if I change this I am concerned about unintended consequences in other documents, how can I control this only for the homepage?

Foundation skin

Thanks

[bsmither]

Is this the max width of something like 1000 pixels (precisely, 62.5 em), or absolutely edge-to-edge of the browser's window even if larger than 1000 pixels?

So, only for the Homepage? That can be accomplished with a bit of display logic. If the Homepage, then suppress the sidebar(s) and adjust the CSS of the main content area as appropriate.

In main.php, near lines 93-105:
    <div class="row {$SECTION_NAME}_wrapper">
       <div class="small-12 large-9 columns" id="main_content">
          {include file='templates/box.errors.php'}
          {include file='templates/box.progress.php'}
          {$PAGE_CONTENT}
       </div>
       <div class="large-3 columns show-for-large-up" id="sidebar_left">
          {include file='templates/box.featured.php'}
          {include file='templates/box.popular.php'}
          {include file='templates/box.sale_items.php'}
       </div>
       <a href="#" class="back-to-top"><span class="show-for-small-only"><i class="fa fa-angle-up"></i></span><span class="show-for-medium-up"><i class="fa fa-angle-up"></i> {$LANG.common.top}</span></a>
    </div>

Change:
       <div class="small-12 large-9 columns" id="main_content">
To:
       <div class="small-12 {if $SECTION_NAME ne 'home'}large-9{/if} columns" id="main_content">

Change:
       <div class="large-3 columns show-for-large-up" id="sidebar_left">
To:
       <div {if $SECTION_NAME eq 'home'}style="display:none !important;"{/if} class="large-3 columns show-for-large-up" id="sidebar_left">

 

[CoderJim]

Resolved, beautiful, thanks.