T4 Framework - enable negative margins

ccsupport

We are using T4 Blank BS5 and would like to enable negative margins.

According to BS5 docs we need to add this in SASS by setting:

$enable-negative-margins: true;

Where do we have to add this? We have tried adding it in "Custom SCSS" and compiling without success.

saguaros

That variable helps to enable negative margins, then you need to apply the class to the element that you want to have negative margin.

Could you share the login info of your site: URL + super admin acc and tell me where you add the class?

ccsupport

saguaros

I confirm putting:

$enable-negative-margins: true;

in "Custom SCSS" and compiling works but we had to delete "template.css" first in '/local/css' folder.

This is a 2nd time we had a problem like that. We are not 100% sure why we have to delete existing "template.css" for changes to take effect. Does the T4 framework delete this file before new one is created when SCSS is compiled or just updates the existing file? Something doesn't seem to work correctly...

saguaros

ccsupport When you compiling, it will compile and generate a new template.css in local/css folder and overwritten the existing 'template.css' file.

You can try to add your custom style into /local/css/custom.css file, it will not be affected.

ccsupport

saguaros

OK, after code review it worked because we had:

$enable-negative-margins: true;

set in template 'local/variables.scss' and directly in the T4 Plugin t4-plugin\themes\base\vendors\bootstrap5\scss_variables.scss

After reverting changes from the T4 Plugin folder and compiling CSS, negative margins don't work.

So the question still stands, how do we enable negative-margins in T4 BS5 Blank template without changing T4 plugin files for example how to do it in T4 BS5 Demo?

saguaros

ccsupport Could you share your site login info and file you changed so I can take a look?

ccsupport

saguaros

At the moment the site we are working on is only available locally.

The same applies to T4 BS5 Demo so please use that for any tests.

saguaros

ccsupport You can try to override it in the local folder:

/templates/t4_bs5_blank/local/scss/variables.scss

so when you update new version for T4 plugin or template, this customization will not be affected.

ccsupport

saguaros You can try to override it in the local folder:

/templates/t4_bs5_blank/local/scss/variables.scss

Thanks but this doesn't work for us on our site and it also doesn't work on T4 BS5 demo site we have locally.

saguaros

ccsupport I need a closer look on your site to see what's wrong, could you share the URL + super admin account and tell me how did you modify?

ccsupport

saguaros

Can't share login details - the site is available locally only for now.

The same applies to T4 BS5 demo which you should have access to on your system. The solution for T4 BS5 Demo will work for us too.

saguaros

ccsupport I meant which files and how you edited so I can replicate at my end 🙂

ccsupport

saguaros

We have managed to resolve this by modifying: