- Posts: 6
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
How to place large logo on top of page?
- ricardo
- Topic Author
- Offline
- New Member
Less
More
3 years 5 months ago #207782
by ricardo
How to place large logo on top of page? was created by ricardo
I'm trying to place a large logo on top of the page. I want it to look like the attached example. In previous versions I used to modify the template.css file and added something like
img#logo {
float: right;
margin-left: 5px;
width: 850px;
height: 140px;
background: url(new_logo.png) 0 0 no-repeat;
}
But I cannot figure out how to do it now. Any help would be much appreciated.
I'm using a copy of the vanilla theme and LS Version 3.19.1+191009.
img#logo {
float: right;
margin-left: 5px;
width: 850px;
height: 140px;
background: url(new_logo.png) 0 0 no-repeat;
}
But I cannot figure out how to do it now. Any help would be much appreciated.
I'm using a copy of the vanilla theme and LS Version 3.19.1+191009.
Attachments:
The topic has been locked.
- paulfiner
- Offline
- Premium Member
Less
More
- Posts: 117
- Thank you received: 9
3 years 5 months ago #207790
by paulfiner
Replied by paulfiner on topic How to place large logo on top of page?
On the right hand side of the Theme editor page next to your copy of Vanilla, there should be a button 'Theme options'.
There is a section labelled 'Logo' and you can upload an image using the button at the very bottom. Then just select the image in the popup.
You might need to style it with CSS to centre it though.
There is a section labelled 'Logo' and you can upload an image using the button at the very bottom. Then just select the image in the popup.
You might need to style it with CSS to centre it though.
The following user(s) said Thank You: DenisChenu, tpartner
The topic has been locked.
- ricardo
- Topic Author
- Offline
- New Member
Less
More
- Posts: 6
- Thank you received: 0
3 years 5 months ago #207812
by ricardo
Replied by ricardo on topic How to place large logo on top of page?
Thanks, I tried that. However, when I upload the logo, it is reduced to a tiny image on the top left of the page.
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
3 years 5 months ago #207814
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic How to place large logo on top of page?
That will be some CSS rule(s). Can you activate a sample survey so we can see?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- ricardo
- Topic Author
- Offline
- New Member
Less
More
- Posts: 6
- Thank you received: 0
3 years 5 months ago #207816
by ricardo
Replied by ricardo on topic How to place large logo on top of page?
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
3 years 5 months ago - 3 years 5 months ago #207817
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic How to place large logo on top of page?
Try adding something like this to the end of custom.css:
Code:
.STEM_Explora .logo-container > img { max-height: none; width: auto; margin: 0 auto; }
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 3 years 5 months ago by tpartner.
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
3 years 5 months ago #207818
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic How to place large logo on top of page?
...and this to center it...
Code:
.STEM_Explora .navbar-header, .STEM_Explora .navbar-brand { float: none; }
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: ricardo
The topic has been locked.
- adridg
- Offline
- Junior Member
Less
More
- Posts: 38
- Thank you received: 0
3 years 4 months ago #208590
by adridg
Replied by adridg on topic How to place large logo on top of page?
Hi,
I´m trying the same but it is not working...
Here my survey: pesquisainst.trt2.jus.br/limesurvey/index.php/635629?lang=pt-BR
Thanks
I´m trying the same but it is not working...
Here my survey: pesquisainst.trt2.jus.br/limesurvey/index.php/635629?lang=pt-BR
Thanks
The topic has been locked.
- holch
- Away
- LimeSurvey Community Team
Less
More
- Posts: 11659
- Thank you received: 2742
3 years 4 months ago #208592
by holch
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Replied by holch on topic How to place large logo on top of page?
So solution to your problem, but you should use the PNG format instead of the JPEG format for your logo. The JPEG compression makes it looking very bad quality, washed out.
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
The following user(s) said Thank You: adridg
The topic has been locked.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12933
- Thank you received: 3979
3 years 4 months ago #208593
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic How to place large logo on top of page?
Hi,
please never say something like
It is never the same. So please show what you tried.
And @ricardo obviously used a theme called "STEM_Explora" while you seem to use one called "Vanilla_II".
Did you adapt this?
Joffm
please never say something like
I´m trying the same but it is not working...
It is never the same. So please show what you tried.
And @ricardo obviously used a theme called "STEM_Explora" while you seem to use one called "Vanilla_II".
Did you adapt this?
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: DenisChenu, adridg
The topic has been locked.