Putting a custom logo in TFR Responsive template

More
11 months 1 week ago #146447 by fvanderstarre
fvanderstarre created the topic: Putting a custom logo in TFR Responsive template
Hi all,
I am looking where and how to put a custom logo in the "TFR Responsive" template.
Anyone been there yet? Any help much appreciated!

Frank

Please Log in to join the conversation.

More
11 months 1 week ago #146453 by tammo
tammo replied the topic: Putting a custom logo in TFR Responsive template
Hi Frank,

where do you want the logo to appear:
  • first page only (that would be easiest)
  • all pages
And where on the page?

Tammo ter Hark


Tammo ter Hark at Tools for Research
Proud developers of the TFR Responsive Limesurvey template
toolsforresearch.com/limesurvey-responsive-template

Please Log in to join the conversation.

More
11 months 1 week ago #146454 by fvanderstarre
fvanderstarre replied the topic: Putting a custom logo in TFR Responsive template
Hi Tammo,

I would like to have it on all pages, preferably top right corner.
Thanks! Frank

Please Log in to join the conversation.

More
11 months 1 week ago #146455 by tammo
tammo replied the topic: Putting a custom logo in TFR Responsive template
Just another question: do you display the survey:
* all in one
* per group
* per question?

Tammo


Tammo ter Hark at Tools for Research
Proud developers of the TFR Responsive Limesurvey template
toolsforresearch.com/limesurvey-responsive-template

Please Log in to join the conversation.

More
11 months 1 week ago #146456 by fvanderstarre
fvanderstarre replied the topic: Putting a custom logo in TFR Responsive template
Per group (in most cases)...

Please Log in to join the conversation.

More
11 months 1 week ago #146457 by tammo
tammo replied the topic: Putting a custom logo in TFR Responsive template
Upload your logo as logo.png to /upload/templates/tfr_responsive/images

In startpage.pstpl add at the end:
<div class="logo-top"><img src="/upload/templates/tfr_responsive/images/logo.png"></div>

In template.css add at the end:
.logo-top{
position:absolute;
right:100px;
top:10px;
}

.logo-top img{
max-width:100px;
}

You may have to fiddle a bit with the values in template.css depending on the height/width values of your logo.

Happy fiddling!


Tammo ter Hark at Tools for Research
Proud developers of the TFR Responsive Limesurvey template
toolsforresearch.com/limesurvey-responsive-template

Please Log in to join the conversation.

More
11 months 1 week ago #146458 by tammo
tammo replied the topic: Putting a custom logo in TFR Responsive template
See attachment


Tammo ter Hark at Tools for Research
Proud developers of the TFR Responsive Limesurvey template
toolsforresearch.com/limesurvey-responsive-template
Attachments:

Please Log in to join the conversation.

More
11 months 1 week ago #146459 by tammo
tammo replied the topic: Putting a custom logo in TFR Responsive template
BTW: this only works for large screens, not for mobile phones. If you would need that, will will gladly quote you for a customised version of our template.

I would wait for the new version that will be announced when LS 3.0 is released.


Tammo ter Hark at Tools for Research
Proud developers of the TFR Responsive Limesurvey template
toolsforresearch.com/limesurvey-responsive-template

Please Log in to join the conversation.

More
11 months 1 week ago #146460 by fvanderstarre
fvanderstarre replied the topic: Putting a custom logo in TFR Responsive template
Thx Tammo, I'll go and fiddle away the rest of the year! :P

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!