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
7 years 6 months ago #141554 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
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 6 months ago #141564 by tpartner
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
7 years 6 months ago #141566 by rjm972
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 6 months ago #141568 by holch
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
  • tpartner's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 6 months ago #141569 by tpartner
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
7 years 6 months ago #141578 by rjm972
Thank you, that seems to have done the trick! I really appreciate your help.
The topic has been locked.
More
7 years 5 months ago #142243 by marcgold
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.

Lime-years ahead

Online-surveys for every purse and purpose