Elemental theme blue sky preset broken
Permalink
I there, I have just installed concrete 5.7.3.1, and I was trying out the Elemental theme. When I changed the preset from Sunrise to Blue Sky, everything broke and I had to reinstall. I tried again, and the same happened. This is the error:
ParseError: Unexpected input in main.less on line 1, column 254 1| @preset-fonts-file: "build/fonts/blue-sky.less";@home-feature-icon-color: rgb(26, 89, 120);@home-feature-title-color: rgb(26, 89, 120);@title-caps-type-font-family: Noticia Text;@title-caps-type-color: rgb(26, 89, 120);@title-caps-type-font-size: 1.73em;@image-caption-type-font-family: \'Helvetica Neue\', Helvetica, Arial, sans-serif;@image-caption-type-color: rgb(184, 196, 205);@image-caption-type-font-style: italic;@image-caption-type-font-size: 1em;@title-thin-type-font-family: Roboto Slab;@title-thin-type-color: rgb(26, 89, 120);@title-thin-type-font-size: 2.46em;@accent-header-color: rgb(107, 149, 178);@accent-background-color: rgb(223, 236, 242);@default-button-border-color: rgb(175, 228, 255);@content-section-divider-color: rgb(236, 236, 236);@footer-link-hover-color: rgb(26, 89, 120);@footer-link-color: rgb(0, 159, 239);@footer-social-icon-hover-color: rgb(0, 159, 239);@footer-social-icon-color: rgb(209, 209, 209);@footer-section-divider-color: rgb(223, 236, 242);@footer-bottom-background-color: rgb(235, 248, 255);@footer-top-background-color: rgb(255, 255, 255);@footer-site-title-type-font-family: Roboto Slab;@footer-site-title-type-color: rgb(26, 89, 120);@footer-site-title-type-text-transform: uppercase;@footer-site-title-type-font-weight: 900;@footer-site-title-type-font-size: 1.2em;@image-slider-navigation-active-color: rgb(0, 159, 239);@image-slider-navigation-color: rgb(96, 170, 204);@image-slider-paragraph-type-font-family: Noticia Text;@image-slider-paragraph-type-color: rgb(255, 255, 255);@image-slider-paragraph-type-font-weight: 400;@image-slider-paragraph-type-font-size: 1.1em;@image-slider-title-type-font-family: Roboto Slab;@image-slider-title-type-color: rgb(26, 89, 120);@image-slider-title-type-font-weight: 100;@image-slider-title-type-font-size: 3.2em;@image-slider-background-image: '/concrete/themes/elemental/images/background-slider-blue-sky.png';@blockquote-border-color: rgb(189, 207, 216);@blockquote-left-padding-size: 60px;@blockquote-type-color: rgb(91, 103, 108);@blockquote-type-font-weight: 300;@blockquote-type-font-size: 1.46em;@h6-type-font-family: Roboto Slab;@h6-type-color: rgb(187, 232, 241);@h6-type-text-transform: uppercase;@h6-type-font-weight: 400;@h6-type-font-size: 0.73em;@h5-type-font-family: Roboto Slab;@h5-type-color: rgb(159, 169, 173);@h5-type-text-transform: uppercase;@h5-type-font-weight: 700;@h5-type-font-size: 0.73em;@h4-type-font-family: Roboto Slab;@h4-type-color: rgb(79, 88, 92);@h4-type-font-weight: 700;@h4-type-font-size: 1.05em;@h3-type-font-family: Roboto Slab;@h3-type-color: rgb(26, 89, 120);@h3-type-font-weight: 700;@h3-type-font-size: 1.25em;@h2-type-font-family: Roboto Slab;@h2-type-color: rgb(26, 26, 26);@h2-type-font-weight: 700;@h2-type-font-size: 1.46em;@h1-type-font-family: Roboto Slab;@h1-type-color: rgb(26, 26, 26);@h1-type-font-weight: 700;@h1-type-font-size: 2.1em;@header-navigation-menu-text-hover-color: rgb(0, 153, 255);@header-navigation-menu-text-color: rgb(162, 162, 162);@header-navigation-menu-border-color: rgb(237, 242, 243);@header-navigation-menu-background-hover-color: rgb(214, 247, 255);@header-navigation-menu-background-color: rgb(255, 255, 255);@header-navigation-hover-color: rgb(0, 159, 239);@header-navigation-type-font-family: Roboto Slab;@header-navigation-type-color: rgb(173, 180, 185);@header-navigation-type-text-transform: none;@header-navigation-type-font-weight: 1.1;@header-navigation-type-font-size: 1em;@header-search-input-background-color: rgb(255, 255, 255);@header-search-input-border-color: rgb(203, 203, 203);@header-search-input-icon-color: rgb(203, 203, 203);@header-site-title-type-font-family: Roboto Slab;@header-site-title-type-color: rgb(26, 89, 120);@header-site-title-type-text-transform: none;@header-site-title-type-font-weight: 400;@header-site-title-type-font-size: 2.4em;@header-background-color: rgb(255, 255, 255);@page-title-type-font-family: Roboto Slab;@page-title-type-color: rgb(26, 89, 120);@page-title-type-text-transform: uppercase;@page-title-type-font-weight: 700;@page-title-type-font-size: 1.73em;@body-link-hover-color: rgb(0, 159, 239);@body-link-color: rgb(26, 89, 120);@body-type-font-family: Noticia Text;@body-type-color: rgb(110, 110, 110);@body-type-font-weight: 400;@body-type-font-size: 14px;@page-background-color: rgb(255, 255, 255);
ParseError: Unexpected input in main.less on line 1, column 254 1| @preset-fonts-file: "build/fonts/blue-sky.less";@home-feature-icon-color: rgb(26, 89, 120);@home-feature-title-color: rgb(26, 89, 120);@title-caps-type-font-family: Noticia Text;@title-caps-type-color: rgb(26, 89, 120);@title-caps-type-font-size: 1.73em;@image-caption-type-font-family: \'Helvetica Neue\', Helvetica, Arial, sans-serif;@image-caption-type-color: rgb(184, 196, 205);@image-caption-type-font-style: italic;@image-caption-type-font-size: 1em;@title-thin-type-font-family: Roboto Slab;@title-thin-type-color: rgb(26, 89, 120);@title-thin-type-font-size: 2.46em;@accent-header-color: rgb(107, 149, 178);@accent-background-color: rgb(223, 236, 242);@default-button-border-color: rgb(175, 228, 255);@content-section-divider-color: rgb(236, 236, 236);@footer-link-hover-color: rgb(26, 89, 120);@footer-link-color: rgb(0, 159, 239);@footer-social-icon-hover-color: rgb(0, 159, 239);@footer-social-icon-color: rgb(209, 209, 209);@footer-section-divider-color: rgb(223, 236, 242);@footer-bottom-background-color: rgb(235, 248, 255);@footer-top-background-color: rgb(255, 255, 255);@footer-site-title-type-font-family: Roboto Slab;@footer-site-title-type-color: rgb(26, 89, 120);@footer-site-title-type-text-transform: uppercase;@footer-site-title-type-font-weight: 900;@footer-site-title-type-font-size: 1.2em;@image-slider-navigation-active-color: rgb(0, 159, 239);@image-slider-navigation-color: rgb(96, 170, 204);@image-slider-paragraph-type-font-family: Noticia Text;@image-slider-paragraph-type-color: rgb(255, 255, 255);@image-slider-paragraph-type-font-weight: 400;@image-slider-paragraph-type-font-size: 1.1em;@image-slider-title-type-font-family: Roboto Slab;@image-slider-title-type-color: rgb(26, 89, 120);@image-slider-title-type-font-weight: 100;@image-slider-title-type-font-size: 3.2em;@image-slider-background-image: '/concrete/themes/elemental/images/background-slider-blue-sky.png';@blockquote-border-color: rgb(189, 207, 216);@blockquote-left-padding-size: 60px;@blockquote-type-color: rgb(91, 103, 108);@blockquote-type-font-weight: 300;@blockquote-type-font-size: 1.46em;@h6-type-font-family: Roboto Slab;@h6-type-color: rgb(187, 232, 241);@h6-type-text-transform: uppercase;@h6-type-font-weight: 400;@h6-type-font-size: 0.73em;@h5-type-font-family: Roboto Slab;@h5-type-color: rgb(159, 169, 173);@h5-type-text-transform: uppercase;@h5-type-font-weight: 700;@h5-type-font-size: 0.73em;@h4-type-font-family: Roboto Slab;@h4-type-color: rgb(79, 88, 92);@h4-type-font-weight: 700;@h4-type-font-size: 1.05em;@h3-type-font-family: Roboto Slab;@h3-type-color: rgb(26, 89, 120);@h3-type-font-weight: 700;@h3-type-font-size: 1.25em;@h2-type-font-family: Roboto Slab;@h2-type-color: rgb(26, 26, 26);@h2-type-font-weight: 700;@h2-type-font-size: 1.46em;@h1-type-font-family: Roboto Slab;@h1-type-color: rgb(26, 26, 26);@h1-type-font-weight: 700;@h1-type-font-size: 2.1em;@header-navigation-menu-text-hover-color: rgb(0, 153, 255);@header-navigation-menu-text-color: rgb(162, 162, 162);@header-navigation-menu-border-color: rgb(237, 242, 243);@header-navigation-menu-background-hover-color: rgb(214, 247, 255);@header-navigation-menu-background-color: rgb(255, 255, 255);@header-navigation-hover-color: rgb(0, 159, 239);@header-navigation-type-font-family: Roboto Slab;@header-navigation-type-color: rgb(173, 180, 185);@header-navigation-type-text-transform: none;@header-navigation-type-font-weight: 1.1;@header-navigation-type-font-size: 1em;@header-search-input-background-color: rgb(255, 255, 255);@header-search-input-border-color: rgb(203, 203, 203);@header-search-input-icon-color: rgb(203, 203, 203);@header-site-title-type-font-family: Roboto Slab;@header-site-title-type-color: rgb(26, 89, 120);@header-site-title-type-text-transform: none;@header-site-title-type-font-weight: 400;@header-site-title-type-font-size: 2.4em;@header-background-color: rgb(255, 255, 255);@page-title-type-font-family: Roboto Slab;@page-title-type-color: rgb(26, 89, 120);@page-title-type-text-transform: uppercase;@page-title-type-font-weight: 700;@page-title-type-font-size: 1.73em;@body-link-hover-color: rgb(0, 159, 239);@body-link-color: rgb(26, 89, 120);@body-type-font-family: Noticia Text;@body-type-color: rgb(110, 110, 110);@body-type-font-weight: 400;@body-type-font-size: 14px;@page-background-color: rgb(255, 255, 255);
Hello I am having the same issue and was wondering if you got anywhere with this one?
Hi,
No, no luck... It is very strange, because I have installed several projects and I don´t get this issue on the others...
No, no luck... It is very strange, because I have installed several projects and I don´t get this issue on the others...
Ok, I am trying a reinstall. I have been able to reproduce the same results so far twice. Seems to happen only on edit of the page presets for background color and font color selections.
That's very strange. We haven't seen anything like this before, and I'm testing on a clean version of 5.7.3.1. When you say it breaks, does it break immediately? Does it break after you apply the preset and reload the page? Are you able to see the blue sky preset on the site at first, and then exiting edit mode is when it breaks?
Hello! Thank you so much for your time;)
Using Chrome browser.. Install - go set to private - go back to home page - go gear/edit/site - in design - press customize theme - change background color (or any other) to any other *** parseerror in css file loads all .....
Using Chrome browser.. Install - go set to private - go back to home page - go gear/edit/site - in design - press customize theme - change background color (or any other) to any other *** parseerror in css file loads all .....
Oh yeah.... there is always something missed right:) I am having the same result with the default sunrise color scheme..,.
And here - the same steps above to change any presets cause the same results. If I don't press the save button but go back on the browser I get the login screen with this error msg. - Invalid form token. Please reload this form and submit again.
Is that preset for browser back control?
Is that preset for browser back control?
And in page - design and custom template it will let me change block background file ok but the change is auto overridden by sitewide settings... so we have no change.
Hi Andrew, thank you for your reply...
After I had that issue, I reinstalled everything from scratch, and the first thing I tried was to set the blue sky preset. I had the same result, I get that parsing error code on top of the saving page. If I go ahead and save, everything breaks. The same thing with sunshine preset, the other two worked fine...
After I had that issue, I reinstalled everything from scratch, and the first thing I tried was to set the blue sky preset. I had the same result, I get that parsing error code on top of the saving page. If I go ahead and save, everything breaks. The same thing with sunshine preset, the other two worked fine...
How are you installing concrete5? Did you download it from concrete5.org or is this through an installer program like Softaculous?
Could you attach the file found at concrete/themes/elemental/css/main.less to a reply?
Could you attach the file found at concrete/themes/elemental/css/main.less to a reply?
Hi, I installed it manually by downloading the file from herehttp://www.concrete5.org/download_file/-/view/74619/... to the server and uncompresing in there.
I don't have access to it right now, but I will send you the css file when I get it.
I don't have access to it right now, but I will send you the css file when I get it.
Hi Andrew,
concrete/themes/elemental/css/main.less
obviously this file IS NOT CHANGED!... The same date as all the other files.
Which file is corrupt now? And can I simply change this one?
main.less files are on many places. But I couldn't find a edited file!
Greetz
toni
concrete/themes/elemental/css/main.less
obviously this file IS NOT CHANGED!... The same date as all the other files.
Which file is corrupt now? And can I simply change this one?
main.less files are on many places. But I couldn't find a edited file!
Greetz
toni
Yes, the night road seems to have worked on my sample also.... so far solid.
I am installing thru softa via host arvixe
Hi, any luck with this one?
When I select the blue sky preset, i get an error (when it tries to show the preview).
When saving, I can't get to the site anymore (selected to use blue sky every where). When I want to try te edit the design, it doesn't work. The right panel is working though.
How do I revert the change?
SnefIT
When I select the blue sky preset, i get an error (when it tries to show the preview).
When saving, I can't get to the site anymore (selected to use blue sky every where). When I want to try te edit the design, it doesn't work. The right panel is working though.
How do I revert the change?
SnefIT
Hi, Yes, we discovered that this error is due to the low ram memory from the hosting provider. I had IXWebhosting, and they expected people to run their websites with 32 Mb... Get a Bluehost or Arvixe account, and you won't have this problem...
Nope!
I have 128MB RAM.
I hope, that that's enough.
My problem is the same... I changed the color of the header theme from green to orange.
in the error screen this change is written in the less file::
@h3-type-color: rgb(255, 136, 5); (THAT'S ORANGE) see att.
Greetz
toni
I have 128MB RAM.
I hope, that that's enough.
My problem is the same... I changed the color of the header theme from green to orange.
in the error screen this change is written in the less file::
@h3-type-color: rgb(255, 136, 5); (THAT'S ORANGE) see att.
Greetz
toni
@toni - I think there are 2 very similar errors at play here. The result is the same in that the less processor is not able to parse the less file. one issue is the low memory issue reported but I think there is also an issue where in some cases the parser chokes on the escaped quotes around helvetica in the font declarations. I might be wrong but I would try removing the first part and see if the error disappears. If it does - please report back so it can be logged and investigated.
I should say - only if you are comfortable doing this and make a backup of the relevant less preset file first.
I should say - only if you are comfortable doing this and make a backup of the relevant less preset file first.
Hi Andy,
Which main.less file is the one I have to edit?
Which main.less file is the one I have to edit?
hello again - is not the main.less. So long as we're talking here about the same issue you reported in:
https://www.concrete5.org/community/forums/usage/concrete5.7-crashes...
then you need to edit the file \presets\blue-sky.less
as a test - if you change the line
@image-caption-type-font-family: ~"'Helvetica Neue', Helvetica, Arial, sans-serif";
to
@image-caption-type-font-family: 'Helvetica Neue';
for example - does it make a difference?
Like I said - make a copy of the original file. If you don't feel comfortable then maybe leave alone.
Really if you are going to make changes to the Elemental Theme you should make a copy and rename it in your application/themes directory.
https://www.concrete5.org/community/forums/usage/concrete5.7-crashes...
then you need to edit the file \presets\blue-sky.less
as a test - if you change the line
@image-caption-type-font-family: ~"'Helvetica Neue', Helvetica, Arial, sans-serif";
to
@image-caption-type-font-family: 'Helvetica Neue';
for example - does it make a difference?
Like I said - make a copy of the original file. If you don't feel comfortable then maybe leave alone.
Really if you are going to make changes to the Elemental Theme you should make a copy and rename it in your application/themes directory.
