- Posts: 348
- Thank you received: 41
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Array, left-align subquestions, LS 5
- Jmantysalo
- Topic Author
- Offline
- Platinum Member
Less
More
6 months 3 weeks ago - 6 months 3 weeks ago #250885
by Jmantysalo
Array, left-align subquestions, LS 5 was created by Jmantysalo
I was asked to make dropdown array question with subquestion texts aligned to left. As a test I extended the Fruity theme and added
.alignleft { text-align: left !important; }
.alignleft { color: red; !important; }
and put alignleft as additional css class to the question. File is clearly loaded, as texts are red. However they are still right-aligned. So this needs something more, but what? We are using LS 5.
.alignleft { text-align: left !important; }
.alignleft { color: red; !important; }
and put alignleft as additional css class to the question. File is clearly loaded, as texts are red. However they are still right-aligned. So this needs something more, but what? We are using LS 5.
Last edit: 6 months 3 weeks ago by Jmantysalo.
Please Log in to join the conversation.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12941
- Thank you received: 3979
6 months 3 weeks ago #250888
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Array, left-align subquestions, LS 5
Here some styling for arrays
Joffm
Code:
<style type="text/css"> /* subquestion text left aligned */ .ls-answers tbody .answertext { text-align: left; } /* Headers not "bold", but „normal“ */ .ls-answers .ls-heading th { font-weight: normal; } /* Radio-Buttons (Checkboxes) vertically aligned middle */ .ls-answers td.radio-item, .ls-answers td.checkbox-item { vertical-align: middle; } </style>
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
- Jmantysalo
- Topic Author
- Offline
- Platinum Member
Less
More
- Posts: 348
- Thank you received: 41
6 months 3 weeks ago #250970
by Jmantysalo
Replied by Jmantysalo on topic Array, left-align subquestions, LS 5
OK, but where is this meant to put? On an extended theme to some file? And how to make it available, not forced to everyone to every survey?
Please Log in to join the conversation.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12941
- Thank you received: 3979
6 months 3 weeks ago - 6 months 3 weeks ago #250973
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Array, left-align subquestions, LS 5
As you see (the surrounding <style></style> tags, you may put it into the source code of the question.
Or you put it - without the tags - into the custom.css of your extended theme.
And you may add your own class, that only questions with this css class are affected., like
Or you put it - without the tags - into the custom.css of your extended theme.
And you may add your own class, that only questions with this css class are affected., like
Code:
/* subquestion text left aligned */ .myClass .ls-answers tbody .answertext { text-align: left; }
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 6 months 3 weeks ago by Joffm.
Please Log in to join the conversation.
- Jmantysalo
- Topic Author
- Offline
- Platinum Member
Less
More
- Posts: 348
- Thank you received: 41
6 months 3 weeks ago #250975
by Jmantysalo
Replied by Jmantysalo on topic Array, left-align subquestions, LS 5
Ah, that simple. Thanks!
Please Log in to join the conversation.