- Posts: 33
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Change font size of multiple choice subquestions
- wizard2none
-
Topic Author
- Offline
- Junior Member
-
6 years 7 months ago - 6 years 7 months ago #157988
by wizard2none
Change font size of multiple choice subquestions was created by wizard2none
How do you change the size of multiple choice subquestions?
Using Template: Default Template
Using LS 2.67.3 on LimeSurvey.org
I tried adding the following to the bottom of file 'template.css':
It increased the font, but now the check boxes no-longer align (see attachment).
Using Template: Default Template
Using LS 2.67.3 on LimeSurvey.org
I tried adding the following to the bottom of file 'template.css':
Code:
div.multiple-choice-container.subquestion-list { font-size: 26px; }
It increased the font, but now the check boxes no-longer align (see attachment).
Attachments:
Last edit: 6 years 7 months ago by wizard2none. Reason: Correction
- Joffm
-
- Offline
- LimeSurvey Community Team
-
6 years 7 months ago #157991
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Change font size of multiple choice subquestions
Hi,
Add .line-height:
Play around with the value of line-height.
See attached.
Joffm
Add .line-height:
Code:
<style type="text/css"> div.multiple-choice-container.subquestion-list { font-size: 26px; line-height:26px; } </style>
Play around with the value of line-height.
See attached.
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:
- wizard2none
-
Topic Author
- Offline
- Junior Member
-
6 years 7 months ago #157992
by wizard2none
Replied by wizard2none on topic Change font size of multiple choice subquestions
Thanks for the suggestion Joffm.
I as able to get it to work by playing with line height as you suggested.
Ended up with:
line-height:100%
With line-height:26px; or line-height:26px things were still a bit staggered.
However, as shown in the attachment, the checkmark looks a bit small now. Is there a way to increase its size?
I as able to get it to work by playing with line height as you suggested.
Ended up with:
line-height:100%
With line-height:26px; or line-height:26px things were still a bit staggered.
However, as shown in the attachment, the checkmark looks a bit small now. Is there a way to increase its size?
Attachments:
- Joffm
-
- Offline
- LimeSurvey Community Team
-
- tpartner
-
- Offline
- LimeSurvey Community Team
-
- wizard2none
-
Topic Author
- Offline
- Junior Member
-
- tpartner
-
- Offline
- LimeSurvey Community Team
-
- wizard2none
-
Topic Author
- Offline
- Junior Member
-
- tpartner
-
- Offline
- LimeSurvey Community Team
-
6 years 7 months ago #158029
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 Change font size of multiple choice subquestions
Add something like this to the end of template.css:
Code:
.multiple-choice-container .checkbox label::before { width: 24px; height: 24px; } .multiple-choice-container .checkbox label::after { width: 22px; height: 22px; padding-left: 4px; padding-top: 4px; line-height: normal; font-size: 16px; }
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
- LouisGac
-
- Visitor
-
- tpartner
-
- Offline
- LimeSurvey Community Team
-
6 years 7 months ago #158033
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 Change font size of multiple choice subquestions
The possibilities are endless 
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
- tammo
-
- Offline
- Official LimeSurvey Partner
-
