Joomla Templates Club 406,261 posts

[satrancokulu Friend satrancokuluJoin date: June 2015Posts: 75Downloads:0Uploads:0 Thanks: 41]

#640271

Hi,

In jateline III it was possible to change the width of the template but in Teline IV couldnt find.

I use EasyDiscuss and there will be only EasyDiscuss in that page. I want the template to be wider with that.

How can i customize?

On the otherhand can i extend the width of the template generally? Does it spoil the responsiveness of the template?

Regards

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

#645203

Hi

If you’re using JA Teline IV template built with old JA T3v2 framework on your site, you can change the width like the way you changed for JA Teline III

[satrancokulu Friend satrancokuluJoin date: June 2015Posts: 75Downloads:0Uploads:0 Thanks: 41]

#645378

I have Telini iv T3 and version is 1.1.1.

I couldnt resize the width. Pls help.

Is it something bad to have it wider?

Below you can see my template screen.

[satrancokulu Friend satrancokuluJoin date: June 2015Posts: 75Downloads:0Uploads:0 Thanks: 41]

#743999

I have Telini iv T3 and version is 1.1.1.

I couldnt resize the width. Pls help.

Is it something bad to have it wider?

Below you can see my template screen.

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

#645427

So you’re using JA Teline IV with new T3 framework, please check out this documentation for how to customise template that built with T3: http://www.t3-framework.org/documentation/customization.html

1 user says Thank You to Saguaros for this useful post

1. satrancokulu

[satrancokulu Friend satrancokuluJoin date: June 2015Posts: 75Downloads:0Uploads:0 Thanks: 41]

#664738

I got this: Which one should i change to make template wider? I changed 980 variables to 1200 but nothing changed.

Regards

// GRID
// ————————————————–

// Default 940px grid
// ————————-
@T3gridWidth: 980px; // T3 add. For non-responsive layout.
@gridColumns: 12;
@gridGutterWidth: 4px;
@gridColumnWidth: floor((@T3gridWidth – @gridGutterWidth * (@gridColumns – 1)) / @gridColumns);
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns – 1));

// 1200px min
@T3gridWidth1200: 980px; // T3 add
@gridGutterWidth1200: 4px;
@gridColumnWidth1200: floor((@T3gridWidth1200 – @gridGutterWidth1200 * (@gridColumns – 1)) / @gridColumns);
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns – 1));

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

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

[satrancokulu Friend satrancokuluJoin date: June 2015Posts: 75Downloads:0Uploads:0 Thanks: 41]

#746328

I got this: Which one should i change to make template wider? I changed 980 variables to 1200 but nothing changed.

Regards

// GRID
// ————————————————–

// Default 940px grid
// ————————-
@T3gridWidth: 980px; // T3 add. For non-responsive layout.
@gridColumns: 12;
@gridGutterWidth: 4px;
@gridColumnWidth: floor((@T3gridWidth – @gridGutterWidth * (@gridColumns – 1)) / @gridColumns);
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns – 1));

// 1200px min
@T3gridWidth1200: 980px; // T3 add
@gridGutterWidth1200: 4px;
@gridColumnWidth1200: floor((@T3gridWidth1200 – @gridGutterWidth1200 * (@gridColumns – 1)) / @gridColumns);
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns – 1));

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

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

[satrancokulu Friend satrancokuluJoin date: June 2015Posts: 75Downloads:0Uploads:0 Thanks: 41]

#664739

Also what to do change the width for a single module. I use EasyDiscuss and i need a wider screen for that.

Regards

[satrancokulu Friend satrancokuluJoin date: June 2015Posts: 75Downloads:0Uploads:0 Thanks: 41]

#746329

Also what to do change the width for a single module. I use EasyDiscuss and i need a wider screen for that.

Regards

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

#664803

After you change the value to 1200px in that less file, you will need to go to Template manager section in backend and compile Less to CSS (there is a button called LESS to CSS) (Remember to backup all of current css files first as when compiling less to css, they will be overridden)

For the width of module, it will depend on the width of position you’re using and configuration of module itself. You can send me URL of page where that module locates and screenshot of how you want it should be.

1 user says Thank You to Saguaros for this useful post

1. satrancokulu

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

#746340

After you change the value to 1200px in that less file, you will need to go to Template manager section in backend and compile Less to CSS (there is a button called LESS to CSS) (Remember to backup all of current css files first as when compiling less to css, they will be overridden)

For the width of module, it will depend on the width of position you’re using and configuration of module itself. You can send me URL of page where that module locates and screenshot of how you want it should be.

1 user says Thank You to Saguaros for this useful post

1. satrancokulu

[Author]

Posts