Template Width & Positions?

aaronblrt11

I wanted to try out the new GK Framework to see if it can replace Helix Ultimate for my site as a less weight heavy Framework.

But I am very confused about 2 things and the documentation doesn't really answer them that well.
For one the template width on large screens, I want to make it 100% with a cutoff of 1440px as max-width. But I set it in custom css file but the template does not read it. It still has the white space on the side of the content in the main body.

Also how does one add new positions to the template?
And if I add things to the main files as the documentation says, will those be saved in a template update or need to be re-done again with every new update?

saguaros

aaronblrt11 Hi

Thanks for your interest in our new GK framework. Below are my answers for your inquiries:

aaronblrt11 For one the template width on large screens, I want to make it 100% with a cutoff of 1440px as max-width. But I set it in custom css file but the template does not read it. It still has the white space on the side of the content in the main body.

Could you share the custom css code you added? Make sure that you add it into this file: /templates/gk_blank/media/css/custom.css

aaronblrt11 Also how does one add new positions to the template?

You can simply create a new module position as Joomla suggest here, then work with Layouts and Blocks of template like we already mentioned in this docs: https://www.gavick.com/joomla-templates/gk-framework/install#gk-template-layout-system

Basically, the template will load the layout in this folder: /templates/gk_blank/layouts/ , there are 2 primary layouts by default: default & home. A layout will contain different blocks, it will load blocks defined in this folder: templates/gk_blank/layouts/blocks

And this each block, you can call the module positions you wish, such as:

<?php if($doc->countModules('masthead') && !GK_COM_CONFIG && !GK_COM_USERS): ?>
<div id="gk-masthead" class="gk-masthead">
    <jdoc:include type="modules" name="masthead" style="none" />
</div>
<?php endif; ?>

This is how a block loads the 'masthead' position.

To keep your custom changes when updating new version of template, you can duplicated these primary layout files: default.php or home.php to have a new layout.

Regards

aaronblrt11

saguaros Sorry I never saw this reply in the past. In custom css file I'm using max-width:1920px;width:100%;
It does not work at all. There is no way to change the template width, it's alsmot like it's hardcoded somewhere because it slates out the custom css on widths.

dominic

Hi aaronblrt11,
Could you share the site URL and admin account for further checking?
I have tested with the following CSS code on our dev site and it works well:

@media (max-width: 1920px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
  }
}