Joomla Templates Club 406,261 posts

[charles99 Friend charles99Join date: December 2008Posts: 314Downloads:207Uploads:17 Thanks: 8 Thanked: 50 times in 6 posts]

#192785

when I increased the container t3-mainbody area to 1200px, The content area and sidebar 1 and 2 did not adjust! and left space on the rightside of the template.

Please see picture.

So I need to know which file I need to edit in order to adjust these positions to the black line!

Thanks

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#514588

It would be helpful if you could provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#514594

I think I can see what you are attempting but maybe it is better done through the variables.less file.

If you make your width changes where required to the code shown below in templates>ja_obelisk>less>variables.less then go into the template manager and press the “compile less to css” button, it takes a while, then you should be able to adjust your width as required.

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

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

// 980px-1199px
@T3gridWidth980: 980px; // 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));

// Fluid grid
// -------------------------
@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);

// 1200px min
@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);

// 980px-1199px
@fluidGridColumnWidth980: percentage(@gridColumnWidth980/@gridRowWidth980);
@fluidGridGutterWidth980: percentage(@gridGutterWidth980/@gridRowWidth980);

// T3 Extensed: 768px-979px
@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);

[charles99 Friend charles99Join date: December 2008Posts: 314Downloads:207Uploads:17 Thanks: 8 Thanked: 50 times in 6 posts]

#514595

I think this is the first time I am sending you a thanks!

Thanks!

1 user says Thank You to charles99 for this useful post

1. Phill

[Author]

Posts