Hi there,
I am new to CSS and have been trying to change the font by editing the 'flat_and_modern.css' file in the template editor. However, when I save changes, I get a 'This page isn't working' browser error. When I reload, the changes do appear to have been saved, but have no effect on the way the font looks when loading the survey.

I have edited the top of the CSS file to the following, as an example:
Any idea what I am doing wrong? I am using the Pro version of LimeSurvey.

Regards,
Will

What version of LimeSurvey is used? It's at the bottom of the page.

Since you're a paying customer you might open directly a ticket with the LS GmbH support. Look at your profile here on Limesurvey.org. Or via the support link in the top right corner.

You might post a link to a demosurvey with your modified template. There are some CSS gurus in the forum, which might point in the right direction.

In LS 3.0 you could easily choose the fonts without touching the CSS manually.

Hi Jelo,
The version number on screen is 2.73.1. It is the LimeSurvey hosted version, currently a free account while I design the survey. How could I change it to Version 3?

Will

I never use the hosted version on LimeSurvey. If you are evaluating LimeSurvey I would ask the support to change your account or recreate your account to get LS 3 instead of LS 2.7. There might is a button to convert. Don't know, sorry.

It looks to me like you are declaring a font, not actually applying it. Also, in 2.7x, I recommend making all CSS changes in template.css. This file is loaded last.

So, if you want to force the use of Arial, something like this at the end of template.css:

Thanks Tony,
That will do it! Looks like I might have to learn how to use CSS better!

Will

Not sure if this helps but CSS loads in order so by putting your changes at the top of the file any instructions below it will take over.

as an example ...

body {
font-family : arial;
font-family : tahoma; }

would result in the font being tahoma and not arial....

Have you tried putting it at the bottom of the file ... or finding the entry and just replacing it so that there is no redundancy?

Yes, I used the solution Tony provided. Putting the body font at the end of the template CSS, which worked fine.

Will