Helix Preset 1 Changed After Updating Investa To 1.0.3
Mocer
Hi,
Just updated Investa to 1.0.3, but all preset colours I've changed previously in preset 1 are displayed wrong at the frontend, while they are allright in the backend. What do you think is going on here?
Toufiq
Accepted AnswerDo I always have to enable "Compile SCSS to CSS" in the development as well as live websites?
If you update your template regularly then you should enable the SCSS Compile.
Toufiq
Accepted AnswerHi there,
Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. Can you provide me administrator access of your test site? And tell me your old site scss enabled or disabled?
Best regards,
Toufiqur Rahman (Team Lead, Support)
Mocer
Accepted AnswerHi Toufiq,
Compile SCSS to CSS is not enabled.
Mocer
Accepted AnswerHi Toufiq,
It works now. Enabling "Compile SCSS to CSS" did the trick?
Mocer
Accepted AnswerHi Toufiq,
Can you please explain the process to me. This is what I found in the Helix ultimate documentation:
Compile SCSS to CSS - enable this option will compress all SCSS files during each load of your website if the SCSS file has been changed or edited. Turn off this option if your site is in production mode.
In my opinion production mode is the same as live mode, but I think in Helix Ultimate it means under development. Is that right?
This is what Google says about production mode:
In website development, production mode refers to the final stage where a website is made live and accessible to the public, optimized for performance, security, and user experience.
Toufiq
Accepted AnswerIf you use Helix Ultimate presets or custom preset then you need to enable the SCSS compile. Or If you want to override the css code then you should create custom.css file (If you want to write CSS only). or If you want to write SCSS code then you need to create custom.SCSS file and you need to enable the SCSS compile. Thanks
Mocer
Accepted AnswerThanks Toufiq,
Maybe it's wise to change the Helix ultimate documentation, because it's not clearly explained.
So, to be sure: I work with the presets, but also created custom.css files for my Joomshaper websites. Do I always have to enable "Compile SCSS to CSS" in the development as well as live websites?
Thanks in advance.
Mocer
Accepted AnswerThanks Toufiq!
Toufiq
Accepted AnswerYou are most welcome! We appreciate your feedback and are delighted to hear that you're satisfied with our service.
To officially close this forum post, mark it as accepted. If you have any more questions or need further assistance in the future, please don't hesitate to reach out to us.
As for writing a review about our product and support quality, we would greatly appreciate it! Your feedback helps us improve and serves as a valuable reference for others. Please take a moment to share your thoughts about your experience with our product and the support you received. Your input is valuable to us and the community. Thank you in advance for your time and support.
We're here to assist you with any further questions or requests you may have. Once again, thank you for choosing our product and for being a part of our community.
Best regards,
Toufiqur Rahman
Team Lead, Tech Support (JoomShaper)
Mocer
Accepted AnswerHi Toufiq,
Unfortunately the preset still isn't loaded properly after enabling 'Compile scss to css' at the test website.
For instance #sp-bottom and #sp-header backgrounds are loaded from default.css at the test website (after updating to Investa 1.0.3 and enabling compile scss to css) and are loaded from preset1.css at the live website (not updated to Investa 1.0.3, but compile scss to css enabled).
Cleared all cache, but nothing changed.
Hope to hear from you
Mocer
Accepted Answer Toufiq
Accepted AnswerWhen i checked the same issue on my localhost, it works fine. By the way i have added custom css code. Check now.
My localhost
Mocer
Accepted AnswerHi Toufiq,
Sorry, but I can't do anything with your answer. Why do you have to put custom css code, while the browser should render from preset1.css instead of default.css?
I really want to know why this is happening. I don't want other websites having the same problems when updating templates or framework.
Mocer
Accepted AnswerHi Toufiq,
It is not actually! You've
- enabled custom preset instead of using preset 1
- added custom.css code
- installed Helix Ultimate - Starter Template
But also from your test server the browser still renders from default.css instead of preset(x).css. See screenshot. Another example is
a:hover, a:focus, a:active {
color: #000000;
}Is not rendered from the preset.css and is blue instead of black.
Please provide me with information about solving this problem.
Toufiq
Accepted Answerpreset(x).css load when your preset is enabled. Otherwise, it will load from the custom preset which is compile for the default.css file. Like as theme.scss file compile to template.css file.
Mocer
Accepted AnswerHi Toufiq,
I'm afraid we don't understand eachother. Can you please give me an answer to the following questions:
If I change Preset 1 (and don't use custom style) in Helix Ultimate and also use custom.css for all parts that I can't change in the preset, then:
- I have to enable compile SCSS to CSS?
- Will colors be the same after updating template and/or framework?
Thanks.