Public Forums 71,145 posts

[micker Friend mickerJoin date: March 2006Posts: 131Downloads:1Uploads:3 Thanks: 9 Thanked: 4 times in 1 posts]

#182619

hello
how to change default width of template ?
regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#474505

What JA template are you using with JAT3v3? I would need to take a closer look at your site. Please include your site URL here for further investigation

1 user says Thank You to Ninja Lead for this useful post

1. micker

[micker Friend mickerJoin date: March 2006Posts: 131Downloads:1Uploads:3 Thanks: 9 Thanked: 4 times in 1 posts]

#474539

hello
i will upload my site but i use ja t3v3 blank
an other question how is the best way to customize css and continu to update framework and template
(i want to fixe header and navigation to top)
regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#474665

Because ja t3v3 blank is using bootstrap and less you need to understand anything before inprocess to change it
<blockquote>Open plugins/system/jat3v3/t3v3base/bootstrap/less/mixins.less file</blockquote>
from

.container-fixed() {
margin-right: auto;
margin-left: auto;
.clearfix();
}
change

.container-fixed() {
.clearfix();
}
<blockquote>Open templates/ja_t3v3_blank/less/layout.less file</blockquote>
from

.wrap {
width: auto;
clear: both;
}
change

.wrap {
width: 800px;
clear: both;
}
<blockquote>Open templates/ja_t3v3_blank/less/variables.less file</blockquote>
from

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

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

[Author]

Posts