Joomla Templates Club 406,261 posts

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#205212

Hello

I would like my JA-Brisk template to be wider than the standard setting. According to the documentation I opened the variable.less file and made the following adjustments

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

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

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

// 980px-1199px
@T3gridWidth980: 940px; // T3 add
@gridGutterWidth980: 40px;
@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));

The screen I’m using is a 1920 to 1200 pixels screen. I also did the compile less to css.

Am I missing something? The template is still at 960 Pixels. (http://www.samariter-osv.ch)

Thanks

Roger

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

#565380

Try pasting the following within your custom.css file


.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 1200px;
}

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#565510

Thanks for your answer. I don’t want to override everything. If I set my page to development everything works fine and also the width is increased to 1200 pixels. Turning the development mode off takes all old files. I did the compile less to css, doesn’t help.

I would think that when I do a compile and turn on the optimization of the css files, all old files would be deleted. Looking at the t3-assets/css folder there are 82 css files. Is this correct? Could the problem be that the permissions in this folder are set to 755 (folder) and 644 (files)?

Thanks

Roger

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#565528

That was the problem. Deleted all the optimized css files in there and did a recomplie of less to css. Now several of my problems have gone away.

For people having this problem. I’m using Akeeba Admin Tool Pro which sets the settings for all folders to 755 and the files at 644. Now I changed all the permissions. I hope the files will now be overwritten automatically. Otherwise check the t3-assets/css folder.

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

#565529

I don’t understand . . . Did you not say that you wanted your site to be 1200px width?

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#565531

yes I did. I made the adjustment in the variable.less as shown above. Nothing happend to the template, That’s why I opened this thread. Today I set the page to development and suddenly it was 1200 wide. Investigating some more and making different tests, I found 85 css files in the ts3-assets/css folder. Which I then deleted, since then it works like a charm.

[Author]

Posts