Customize Elemental gives error

I tried to customize the Elemental theme and got the following error. If I save then my website is not accessible. Is this still not deployed or is this just me.

Also not able to save tracking code.

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

View Replies: View Best Answer
Kurtopsy replied on at Permalink Reply
What did you change did you make? and where?
SignallHill replied on at Permalink Reply
On the homepage clicked page setting button -> design -> customize theme -> changed sunrise to blue sky. The page refreshed and showed the above error.
Kurtopsy replied on at Permalink Reply
Well that's definitely odd. I don't think I'm going to be of any help to you. I've never had that happen before.
WebcentricLtd replied on at Permalink Reply
hello - which version are you using?

You only tried to make the change through the admin panel - you haven't changed any files in the CMS - you haven't tried to manually customise the Elemental theme?

The only time I've seen this particular error is when I've manually editied main.less or one of the less files and accidentally omitted a ;(semi-colon) at the end of a line.
SignallHill replied on at Permalink Reply
This is a new install of (the latest stable)

Only manual change made is in footer.php removing login link at the bottom. No other changes made manually.

I have another site that installed prior 5.7 version and was upgraded to which does not give me any errors. Both on same servers.
WebcentricLtd replied on at Permalink Reply
any chance you could post your footer.php and your main.less and your bluesky.less?
SignallHill replied on at Permalink Reply
<?php defined('C5_EXECUTE') or die("Access Denied.");
$footerSiteTitle = new GlobalArea('Footer Site Title');
$footerSocial = new GlobalArea('Footer Social');
$footerSiteTitleBlocks = $footerSiteTitle->getTotalBlocksInArea();
$footerSocialBlocks = $footerSocial->getTotalBlocksInArea();
$displayFirstSection = $footerSiteTitleBlocks > 0 || $footerSocialBlocks > 0 || $c->isEditMode();
<footer id="footer-theme">
    <?php if ($displayFirstSection) { ?>
    <div class="container">
        <div class="row">
            <div class="col-sm-9">
                $a = new GlobalArea('Footer Site Title');


/* Import bootstrap 3 mixins and variables so we can use them */
@import "build/bootstrap-3.2.0/variables.less";
@import "build/bootstrap-3.2.0/mixins.less";
/* Import core mixins so we can use them */
@import "../../../css/build/core/include/mixins.less";
/* Import our theme variables. */
@import "presets/defaults.less";
/* Import our theme mixins */
@import "./build/mixins.less";
/* Import our theme fonts */
//@import "build/fonts.less";
@import ~"@{preset-fonts-file}";
/* Our style rules - namespace so as not to collide with the core app styles */
@import "build/body.less";
@import "build/content.less";
WebcentricLtd replied on at Permalink Reply
and bluesky.less?
SignallHill replied on at Permalink Reply
@preset-name: "Blue Sky";
@preset-icon: concrete-icon(#1a5978, #d3d7d9, #009fef);
@preset-fonts-file: "build/fonts/blue-sky.less";
 * The sections in this document roughly correspond to our theme style guide.
// Global body background
@page-background-color: #fff;
// Top Header - Website Title */
@header-background-color: #fff;
@header-site-title-type-color: #1a5978;
@header-site-title-type-font-weight: 400;
@header-site-title-type-font-size: 2.4em;
@header-site-title-type-text-transform: none;
@header-site-title-type-font-family: 'Roboto Slab';
WebcentricLtd replied on at Permalink Reply
hi - what happens if you comment the following line out of blue-sky.less?

@image-caption-type-font-family: ~"'Helvetica Neue', Helvetica, Arial, sans-serif";

make sure you just comment it so you can revert back easily. If needs be take a copy of the file first.
WebcentricLtd replied on at Permalink Reply
oh - and make sure all your caches are turned off and emptied.
SignallHill replied on at Permalink Reply
That did it. However, once I changed from blue sky to another theme eg Night Road and back to blue sky

variable @image-caption-type-font-family is undefined

If uncomment it out then I get the same error.
SignallHill replied on at Permalink Reply
I have decided to go with another available theme. This is too complicated for me.

Thanks for your help. I dont want to spend more of your time.
WebcentricLtd replied on at Permalink Reply
hello again,
it wasn't a permanent fix. There seems to be some inconsistency with the less parser in that particular installation.

You might have this issue with other themes.

Could you post some of your environment variables/info?
MrKDilkington replied on at Permalink Best Answer Reply
@SignallHill and to anyone else experiencing this problem with the Blue Sky preset

This problem was recently encountered in this post.

"This problem appears to be caused by web hosts that don't provide enough memory. You will need to contact your host and request that they increase it.

The theme presets use Less which is a compiled CSS preprocessor. I am assuming that low memory prevents the Less from compiling resulting in the error."

The cause of the error was solved by community user ntisithoj.
"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..."
alexarvixe replied on at Permalink Reply
32mb does seem extremely low. For anyone interested, our resource limitations can be found here:

A huge increase from the 32mb they offer :).

Thank you for the recommendation.