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);

byvictoria
View Replies:
mmartiniuk replied on at Permalink Reply
Hello I am having the same issue and was wondering if you got anywhere with this one?
byvictoria replied on at Permalink Reply
byvictoria
Hi,
No, no luck... It is very strange, because I have installed several projects and I don´t get this issue on the others...
mmartiniuk replied on at Permalink Reply
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.
andrew replied on at Permalink Reply
andrew
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?
mmartiniuk replied on at Permalink Reply
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 .....
mmartiniuk replied on at Permalink Reply
Oh yeah.... there is always something missed right:) I am having the same result with the default sunrise color scheme..,.
mmartiniuk replied on at Permalink Reply
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?
mmartiniuk replied on at Permalink Reply
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.
byvictoria replied on at Permalink Reply
byvictoria
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...
andrew replied on at Permalink Reply
andrew
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?
byvictoria replied on at Permalink Reply
byvictoria
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.
ToniConcreti replied on at Permalink Reply
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
mmartiniuk replied on at Permalink Reply
Yes, the night road seems to have worked on my sample also.... so far solid.
mmartiniuk replied on at Permalink Reply
I am installing thru softa via host arvixe
SnefIT replied on at Permalink Reply
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
ntisithoj replied on at Permalink Reply
ntisithoj
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...
ToniConcreti replied on at Permalink Reply 1 Attachment
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
AndyJ replied on at Permalink Reply
@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.
AndyJ replied on at Permalink Reply
I should say - only if you are comfortable doing this and make a backup of the relevant less preset file first.
AndyJ replied on at Permalink Reply
I should say - only if you are comfortable doing this and make a backup of the relevant less preset file first.
ToniConcreti replied on at Permalink Reply
Hi Andy,
Which main.less file is the one I have to edit?
AndyJ replied on at Permalink Reply
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.