Error when changing BG color in theme

Permalink May 03, 2016 at 9:34 AM

To reproduce....

Using the Elemental or clonelemental theme.

Click on the cog-icon to show page settings
Select "Design"
Select "Customise" on the theme.
Select the color on "Page background"
Select another color and clock "Choose"

The main frame now displays an error...

"ParseError: Unexpected input in main.less on line 1, column 254 1" following by minified less code...

Beautified, the less code looks like this..

@preset-fonts-file: "build/fonts/defaults.less";
@home-feature-icon-color: rgb(26, 26, 26);
@home-feature-title-color: rgb(26, 26, 26);
@title-caps-type-font-family: Titillium Web;
@title-caps-type-color: rgb(117, 202, 42);
@title-caps-type-font-size: 1.73em;
@image-caption-type-font-family: \'Helvetica Neue\', Helvetica, Arial, sans-serif;
(truncated)

This last line is apparently the issue, though I don't know enough about less to debug it.

DO NOT under any circumstances "Save" the changes made, else your site will just show an error from then on. I don't think this is recoverable.

1 Attachment

Conkreet replied on May 3, 2016 at 9:41 am Permalink Reply

Maybe it needs to be

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

I dunno.. :)

EDIT: Ignore this.. It's not the backslashes or the quotes, it's the font....

Conkreet replied on May 3, 2016 at 11:50 am Permalink Reply

So more experimentation leads me to think there is a problem with using the font "Helvetica Neue".

Changing every occurrence of "Helvetica Neue" to "Helvetica" seems to fix the issue, if not somewhat unsatisfactorily.

Maybe a future version of this theme could use Google's Roboto instead, as it's free.