Joomla Templates Club 406,261 posts

[Tmaglux Friend TmagluxJoin date: November 2015Posts: 18Downloads:14Uploads:3]

#938113

Hi team,

We have to change width of our template right now its 1024, we want to expand to 1400, Obviously all spans as well as we want to keep our right-hand bar with same width and content span to expand more.

I tried your documentation when ever i am compiling LESS to CSS it going default style even overwriting all old CSS code. Yes bootstrap is also updating My code is following for my theme,

@T3gridWidth1200: 1180px;
@gridGutterWidth1200: 10px;
@T3gridWidth: 1380px;
@gridGutterWidth: 10px;
@T3gridWidth980: 960px;
@gridGutterWidth980: 10px;
@T3gridWidth768: 750px;
@gridGutterWidth768: 9px;

**Problem is default gird has to be 1380px which is not effecting its always 1180px max; please help us here.
Why is serving after compiling from local not from css ?**
here is varilable.less code

@T3gridWidth:             1380px;  // T3 add. For non-responsive layout.
@gridColumns:             12;
@gridGutterWidth:         10px;
@gridColumnWidth:         floor((@T3gridWidth - @gridGutterWidth * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

// 1200px min
@T3gridWidth1200:         1180px;  // T3 add
@gridGutterWidth1200:     10px;
@gridColumnWidth1200:     floor((@T3gridWidth1200 - @gridGutterWidth1200 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth1200:        (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));

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

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

Please help us its been long time drowning his.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#938478

Hi

You can update the login credentials of your site so I can have a look: http://static.joomlart.com/images/blog/2015/nov/Add-new-post.gif
URL:
Admin:
FTP account:

[Tmaglux Friend TmagluxJoin date: November 2015Posts: 18Downloads:14Uploads:3]

#938505

This reply has been marked as private.

[Tmaglux Friend TmagluxJoin date: November 2015Posts: 18Downloads:14Uploads:3]

#938807

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#938996

You will not need to change via base file of T3 framework, you should override in template. Try with this tweak:

• Go to less file: ROOT/templates/ja_argo/less/variables.less

• You will see the declaration fro grid 1200px min, just change to value which suits your need:

  // 1200px min
  @T3gridWidth1200:         1400px;  // T3 add
  @gridGutterWidth1200:     40px;
  @gridColumnWidth1200:     floor((@T3gridWidth1200 - @gridGutterWidth1200 * (@gridColumns - 1)) / @gridColumns);
  @gridRowWidth1200:        (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));

Then if your site is running with Development Mode, you can just refresh front end of your site. If the Development Mode is OFF, you will need to compile less to css (remember to backup all css files first as when compiling, they will be overridden)

[Tmaglux Friend TmagluxJoin date: November 2015Posts: 18Downloads:14Uploads:3]

#939142

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#939274

You can use it but remember to backup it when you update new version of T3 framework.

[Author]

Posts