SCSS Not Overriding Template Width Variables

kars

Hello,

I have attempted to change the default width in T4 Blank using SCSS variables such as:
$container-max-widths: (
sm: 100%,
md: 100%,
lg: 100%,
xl: 1430px
);

This no longer works or has any effect.

I also saw that there is container width code in the normal template.css file. As such I have to override in my custom.css for the various breakpoints.

My question is why isn't this working? Doesn't this defeat the point of SCSS / variables and being able to easily control things like width and gutter etc?

Thanks

saguaros

Hi kars

Make sure that you're using latest version of T4 plugin and after adding above scss code, pls hit the 'Save & Compile' button

and clear all caches.

I just added the same code at my end and it worked properly.

You can also share the login info of your site, I will check for you.

Regards

kars

Hi Saguaros,

Please be advised the issue persists. (1) We have updated to the latest T4_Blank template released on Jan 11th (v1.0.9) and also the T4 System Plugin (v1.1.3).

Regarding the SCSS > Save & Compile, we have certainly tried this, and many times before creating support post. The Save & Compile function does not work.

Also, you mentioned its working on your end? What version of T4 Blank template and plugin do you have?

The last version of T4 Blank we had was 1.0.8. And the problem I think is that someone has defined the container in template.css file. For example on lines 529-563:

.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}

Now, using Firebug, I can change the width of the template in this code and the front-end responds. The SCSS has NO / Zero effect.

The only way I can make the template width change is to create an override of the template.css code in my custom.css / local file where I change the values listed above. But this defeats purpose of having the variables and SCSS.

I am not sure if this code was present in previous versions but it seems to be the issue and preventing SCSS from working.

Thanks

kars

Also, how can somebody email / send you login details without publicly posting in the forum?

saguaros

kars You can edit Fields in your first post and share me the login info, only Moderators can see:

kars

saguaros

Hi! I've updated the fields with login.

Thanks!

saguaros

Hi kars

We released the new version few days ago but there was unexpected issue with the color settings so we decided to revert it back to old version: T4 Blank - 1.0.8 and T4 framework plugin: 1.1.2

I did test with this in my local and the container changes properly.

Please help to install this version, the new version will be released next week.

(Remember to backup your site first).

Regards

kars

saguaros

Hi,

I have found the issue. The "Save & Compile" operation is not completing. RS Firewall is blocking this operation.There is no green success button. With RS Firewall completely disabled, the save process works as does the custom SCSS variables (being saved / written).

Also, this is with RS Firewall's Active Scanner turned "OFF" for the administration.

Any idea why RS Firewall would deem this an insecure operation and block it?

Thanks!

saguaros

kars Thanks for your sharing!

To be honest, I've not used this RS Firewall extension yet, some of our customers encountered the same issue with AdminTools extension which blocks some special files like json files, etc... Would you mind sharing me the installation package of RS Firewall to my email: hiennm.ht@gmail.com ? I will debug it in my local.