Below is a screenshot of a survey I am using. I would like to improve the layout of the page and have been looking at the templates using the Template Editor, but have a very limited understanding of CSS and which terms refer to which aspect of the questions. As areult, any help would be greatly appreciated.





Here's what I'd like to change,

You didn't say what you would like to change. difficult to help this way...

Yes, indeed. Sorry about that.


Here's what I'd like to change,

Have the subquestion text left justified in first question

Increase the width of the area for the subquestion text in the second question.

But what kind of question is the second one? I am not aware of a multipe text question with text boxes that are so big.

The second question is "Multiple Short Text".

But you increased the space via CSS, because multiple short text looks totally different (smaller text boxes), right?

Assuming you are using version 2.05 or better.

It looks like you're using a copy of the default template so...

1) Add this to the end of template.css:
2) You can set the number of rows and width for a textarea in the advanced question settings:



(@holch, placing any value in the "Display rows" field will switch the question from text inputs to textareas which allow multiple lines)

Nope. I set the 'input box width' in the 'advanced settings' part of the normal web interface. I now see that I can decrease that number from 80 and I get more room for the question text, so that's fixed. (Silly me.)

Hi Tpartner!

Thanks for the clarification. I didn't know this option. Everyday something new with Limesurvey.

tpartner wrote: (@holch, placing any value in the "Display rows" field will switch the question from text inputs to textareas which allow multiple lines)

BTW: Firefox will display two rows, even if rows="1" is set for the textarea in the html code.
E.g. questiontype "Long text"
When setting display rows to one, the html code is e.g.
<textarea class="textarea" name="229356X2X15" id="answer229356X2X15" rows="1" cols="40"
but two rows will be displayed in Firefox. Not sure if that is a problem of class="textarea". I used the default template in LS 2.05+ and LS 2.06+. One row seems not possible. Even old IE 8 shows one row.

Somebody might ask, why one row is needed. Since Limesurvey won't allow a simple form creation, where you need a mix of dropdown fields and textfields, I wanted to create dedicated onerow textbox questions to get a cleaner look in combination with a dropdown single choice question. And no workaround should be needed.

...but two rows will be displayed in Firefox. Not sure if that is a problem of class="textarea".

I believe this is a Firefox bug - it has been reported many times over the years.

You could set the height with CSS:

Hi,

I had a drop down matrix, so i was wondering if I can put the first word of my anwers option in black.

Also I had another question, in a normal matrix, can the text size be changed?
Regards

Hello,
the drop-down in a matrix is not a buildt-in feature, but an javascript workaround.
So it is advisable you show us this script.

And your second question:
Whhich text?
subquestion text? answer option text?

If you will do this just once, write your css-styling into the text, like
<span style=font-size:18pt">Subquestion 1"</span>
<span style=font-size:16pt;color:red;....">Option 1"</span>


But if you would like to have this for all your surveys you should add it to the custom.css of your theme.

Joffm