- Posts: 17
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
How to make two minor changes to the ubuntu_orange template
- rjm972
- Topic Author
- Offline
- New Member
Less
More
7 years 6 months ago #141554
by rjm972
How to make two minor changes to the ubuntu_orange template was created by rjm972
Attachments:
The topic has been locked.
- tpartner
- Away
- LimeSurvey Community Team
Less
More
- Posts: 10611
- Thank you received: 3691
7 years 6 months ago #141564
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 make two minor changes to the ubuntu_orange template
Can you activate that test survey and give us a link?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- rjm972
- Topic Author
- Offline
- New Member
Less
More
- Posts: 17
- Thank you received: 0
7 years 6 months ago #141566
by rjm972
Replied by rjm972 on topic How to make two minor changes to the ubuntu_orange template
Thank you for your reply! Here is a link:
demo.limesurvey.org/index.php?r=survey/i...99/newtest/Y/lang/en
demo.limesurvey.org/index.php?r=survey/i...99/newtest/Y/lang/en
The topic has been locked.
- holch
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 11746
- Thank you received: 2750
7 years 6 months ago #141568
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 make two minor changes to the ubuntu_orange template
Thsi link is shortened and can not be used.
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
The topic has been locked.
- tpartner
- Away
- LimeSurvey Community Team
Less
More
- Posts: 10611
- Thank you received: 3691
7 years 6 months ago #141569
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 make two minor changes to the ubuntu_orange template
Try adding something like this to the end of template.css:
Code:
.answer-container { padding-top: 0; } .multiple-short-txt .control-label { width: 20%; text-align: left !important; }
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- rjm972
- Topic Author
- Offline
- New Member
Less
More
- Posts: 17
- Thank you received: 0
7 years 6 months ago #141578
by rjm972
Replied by rjm972 on topic How to make two minor changes to the ubuntu_orange template
Thank you, that seems to have done the trick! I really appreciate your help.
The topic has been locked.
- marcgold
- Offline
- Premium Member
Less
More
- Posts: 84
- Thank you received: 9
7 years 5 months ago #142243
by marcgold
Replied by marcgold on topic How to make two minor changes to the ubuntu_orange template
Hi,
Just wanted to chip in on this as I was struggling with exactly the same.
The advice given is mostly correct and does what is needed but when testing on smaller screen sizes ie phone's then you get character wrapping that does not look good.
So instead on adding this to the end of your template.css
add it to the screen sizes that need it.
for me it was just the larger 768px and up.
so find
<on default ubuntu_orange template its around line 464>
Add
to the media section
Just wanted to chip in on this as I was struggling with exactly the same.
The advice given is mostly correct and does what is needed but when testing on smaller screen sizes ie phone's then you get character wrapping that does not look good.
So instead on adding this to the end of your template.css
add it to the screen sizes that need it.
for me it was just the larger 768px and up.
so find
Code:
@media only screen and (min-width: 768px) {
Add
Code:
.multiple-short-txt .control-label { width: 20%; text-align: left !important; }
to the media section
The topic has been locked.