Back to limesurvey.org

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
  • rjm972's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 7 months ago #141554 by rjm972
How to make two minor changes to the ubuntu_orange template was created by rjm972
Hi all,

Can anyone help me make two minor changes to the Ubuntu_orange template?

1. Reduce the spacing between the question and the response area. It appears to be double-spaced at present.
2. Left-align the multiple short text boxes.

I have included a screen shot of what I mean.

Many thanks,
Rob

Attachments:
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 7 months ago #141564 by tpartner
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
  • rjm972's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 7 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
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 7 months ago #141568 by holch
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.
Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 7 months ago #141569 by tpartner
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
  • rjm972's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 7 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.
More
8 years 6 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
Code:
@media only screen and (min-width: 768px) {
<on default ubuntu_orange template its around line 464>

Add
Code:
.multiple-short-txt .control-label {
  width: 20%;
  text-align: left !important;
  }

to the media section
The topic has been locked.
Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source