Protostar column width adjustment? - Joomla! Forum - community, help and support

i've worked problem before, seems way joomla 3.2.3 handles bootstrap code has changed bit, , can't quite past it.

position-8 main left nav lives. it's default width set in protostar template's index.php file span3.

position-3 main page content. it's default width set span6.

i can see ( think...) can change nav left sidebar width: it's line 167 of template's index.php file, changed to: <div id="sidebar" class="span2"> however, override doesn't seem when load in.

i need increase center content width span6 span7, keep site's total width working properly. don't see anywhere in index.php file change - no place can see position-3 assigned class!

i'm sure dead simple, can't seem figure out.

tia!

just clear, position-3 module position. sits above content fed in php <jdoc:include type="component" /> in index.php. position-2 sits below content area. 3 located in <div id="content" class="span6"></div> if using 3 columns in design.

code: select all

<main id="content" role="main" class="<?php echo $span;?>">
    <!-- begin content -->
    <jdoc:include type="modules" name="position-3" style="xhtml" />
    <jdoc:include type="message" />
    <jdoc:include type="component" />
    <jdoc:include type="modules" name="position-2" style="none" />
    <!-- end content -->
</main>


positions modules used php, not show in generated html nor show in css. don't style positions, style containing element.

the protostar template.css defines width of 3 columns within <div class="row-fluid">

<div class="row-fluid">
<div id="sidebar" class="span3"></div>
<div id="content" class="span6"></div>
<div id="aside" class="span3"></div>
</div>

these calls in template.css controlling width of span.3 , span6 within .row-fluid

.row-fluid .span3 {width: 23.404255317%;}
.row-fluid .span6 {width: 48.936170208%;}

if change .span6 make wider, must reduce .span3 accordingly. remember .span3 used left , right column. if want target 1 side or other, target them this.

.row-fluid #sidebar.span3 {width: xx%}
.row-fluid #aside.span3 {width: xx%}