Joomla Templates Club 406,261 posts

[nettemor Friend nettemorJoin date: January 2007Posts: 58Downloads:3Uploads:2 Thanks: 5 Thanked: 3 times in 1 posts]

#203867

Hi,
I am running the latest ja_social_t3 and wonder if it is possible to make the template even wider than the 980px that is set for widest size.
Is this possible and easy to do ?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#559764

Hi

Dimensions are defined in this file templatesja_social_t3lessvariables.less

// GRID
// --------------------------------------------------

// Default 940px grid
// -------------------------
@T3gridWidth: 940px; // 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: 1000px; // T3 add
@gridGutterWidth1200: 20px;
@gridColumnWidth1200: floor((@T3gridWidth1200 - @gridGutterWidth1200 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));

// 980px-1199px
@T3gridWidth980: 940px; // T3 add
@gridGutterWidth980: 20px;
@gridColumnWidth980: floor((@T3gridWidth980 - @gridGutterWidth980 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth980: (@gridColumns * @gridColumnWidth980) + (@gridGutterWidth980 * (@gridColumns - 1));

// T3 Add: 768px-979px
@T3gridWidth768: 740px; // T3 add
@gridGutterWidth768: 20px;
@gridColumnWidth768: floor((@T3gridWidth768 - @gridGutterWidth768 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));

Change from 940 to the width you need , after changed it remember to click again to compile less to css

[nettemor Friend nettemorJoin date: January 2007Posts: 58Downloads:3Uploads:2 Thanks: 5 Thanked: 3 times in 1 posts]

#562026

I used the Magic option and set a width to 1280 for the wide version.
Everything gets wider, but i actually just want the component area to be wide (where the text goes)
Sidebar1 and Sidebar2 should stay the same width. How can i achieve this ?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#562400

Hi @nettemor,

Could you please provide your site url so I can have a look first ?

[Author]

Posts