Hi holmanresearch
Each section of template is shown inside a 'container' which is declared with a fixed width value.
You can adjust this value in this LESS file:
/templates/ja_beranis/less/variables.less
and look for this declaration:
// GRID
// --------------------------------------------------
// Default 940px grid
// -------------------------
@T3gridWidth: 880px; // T3 add. For non-responsive layout.
@gridColumns: 12;
@gridGutterWidth: 20px;
@gridColumnWidth: floor((@T3gridWidth - @gridGutterWidth * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
// 1200px min
@T3gridWidth1200: 880px; // T3 add
@gridGutterWidth1200: 20px;
@gridColumnWidth1200: floor((@T3gridWidth1200 - @gridGutterWidth1200 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
// 980px-1199px
@T3gridWidth980: 760px; // T3 add
@gridGutterWidth980: 20px;
@gridColumnWidth980: floor((@T3gridWidth980 - @gridGutterWidth980 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth980: (@gridColumns * @gridColumnWidth980) + (@gridGutterWidth980 * (@gridColumns - 1));
// T3 Add: 768px-979px
@T3gridWidth768: 680px; // T3 add
@gridGutterWidth768: 20px;
@gridColumnWidth768: floor((@T3gridWidth768 - @gridGutterWidth768 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
Then change the value of 'T3gridWidth' / 'T3gridWidth1200' variable as you wish.
Once done, try to backup CSS files on your site and compile less to css:
http://www.t3-framework.org/documentation/bs3-configuration#compile-less