Joomla Templates Club 406,261 posts

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

#925375

Hi

Template width can be set editing this file /templates/ja_onepage/less/variables.less

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

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

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

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

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

Changing the default value for each grid

After you changed values you will need to recompile less to css .

[nsak Friend nsakJoin date: June 2011Posts: 182Downloads:5Uploads:13 Thanks: 55 Thanked: 5 times in 1 posts]

#926654

thanks pavit,

I think I am asking something slightly different. In the attachment (WIDTH IN LESS) the div.container width is set in the .less. It is set to 1050 as my screen is a >1200 px width. OK with this!

What I however want to change is the total width (see: WIDTH NOT IN LESS) and restrict this to 1200 px. This currently takes all the screen width and it does so regardless of screen resolution as well as (so I think) the .less settings

---

Attachments:

1. 
2. 

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

#926717

Hi

I’m sorry but still i cannot understand what are you trying to obtain.

anyway you can add a custom code to limit the width to the custom.css file

.container {
max-width:1200px!important;
}

[nsak Friend nsakJoin date: June 2011Posts: 182Downloads:5Uploads:13 Thanks: 55 Thanked: 5 times in 1 posts]

#926762

..I want to restrict all content to a 1200 px width;

Do you mean to add these lines in the /templates/ja_onepage/css /custom.css file?

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

#926764

nsak wrote:

Do you mean to add these lines in the /templates/ja_onepage/css /custom.css file?

Correct, use that file

[nsak Friend nsakJoin date: June 2011Posts: 182Downloads:5Uploads:13 Thanks: 55 Thanked: 5 times in 1 posts]

#927079

…it wont work pavit; see the new custom.css attached; the page still spans all across the screen.

If you don’t have the solution handy, no worry, we will explore the css files and will locate the source of this formatting feature

thanks, Nikos

[nsak Friend nsakJoin date: June 2011Posts: 182Downloads:5Uploads:13 Thanks: 55 Thanked: 5 times in 1 posts]

#927081

@import url(../fonts/homestead/stylesheet.css);@import url(../fonts/bebas-neue/style.css);@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
.container {
max-width:1200px!important;
}

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

#929273

nsak wrote:

no worry, we will explore the css files and will locate the source of this formatting feature

Hi @nsak

Did you find the solution ?

1 user says Thank You to pavit for this useful post

1. nsak

[nsak Friend nsakJoin date: June 2011Posts: 182Downloads:5Uploads:13 Thanks: 55 Thanked: 5 times in 1 posts]

#929276

yes everything ok!

thanks, Nikos

[Author]

Posts