For our projects we use the professional Limesurvey templates available at the Limesurvey Template Shop. They all provide a logo placeholder so you can easily add your own logo to such a template. This post will show you how to do that.
Update:
Please note that since Limesurvey v2.50 and later uploaded files are stored within the folder files of your template. This means that the URL for the image file may have to be adjusted accordingly. Examples:
- Old (Limesurvey < 2.50): <img src=”{TEMPLATEURL}yourpicture.png” />
- New (Limesurvey v2.50): <img src=”{TEMPLATEURL}files/yourpicture.png” />
Note that there is no trailing slash (“/”) after the {TEMPLATEURL} placeholder.
For editing your template first go to the template editor:
Option a) – Replacing the existing “logo.png” file
The easiest way to add your own logo is to replace the existing one which is named “logo.png”. This is pretty easy:
- At “Other files” top right of the template editor select the “logo.png” file and click “Delete”.
- Name your logo file “logo.png” and make sure it is not too large (our placeholder uses 200x50px).
- Upload your own “logo.png” file by selecting it from your local disk and clicking “Upload”.
Option b) – Adding your own file with a different name
You can also add your own file with a different name and/or place the logo differently. Select your template top right (1) and make sure the “startpage.pstpl” page (for the “TFR Responsive” template select “welcome.pstpl”) is selected at “Standard files” on the left (2).
At the main window you can see the file content. Search the content (3) for “logo.png”.
If you just want to place your logo differently you can cut the marked line containing the HTML image tag (4.) and place it below the DIV element with “class=’header_right'” if it should be shown top right.
For centering the logo place that line with the image tag below the DIV with “class=’header_middle'”.
When using a differently named logo file, you can upload that file using the “Select file” -> “Upload” on the right.
Afterwards you need to adjust the “logo.png” file name within “startpage.pstpl”.
Don’t forget to click “Save” at the bottom of the page.