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).

Hi,

Add .line-height:
Play around with the value of line-height.

See attached.

Joffm

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?

Hi,
The check-icon is the font-awesome icon.

You could try to find something in the file "awesome-bootstrap-checkbox.css"
combined with this article astronautweb.co/snippet/font-awesome/

To be honest: I have no other idea.

Joffm

I'm not in a position to offer code this weekend but the check-boxes are ::before and ::after pseudo-elements affiliated with the labels. Changing the margins, width, height and font-size of those pseudo-elements should do the trick.

Thanks, tpartner.
Tried, but didn't quite see how to do it. This isn't urgent so will wait for your insights next week.

Can you activate a test survey and give us a link so we can see the styles you have in place?

Hi Tony,

Here's the link you requested: wizard2none.limequery.com/218551

Add something like this to the end of template.css:

change font size: that could be a pretty nice options for advanced template in LS3 branch...

The possibilities are endless

Easy fix: use extra class like .font24 and .font18 (after defining these in .css)

More complex: offer the use a box in advanced options where you can specify font-size for this question.

Would that also be doable with new question templates?

Tammo

Hi Tony,

Could be close enough--but I'm getting a slightly different result than you (see attached).
The check marks are not centered in my rendering but rather placed towards the bottom of each checkbox.

I wonder why the difference. Is there something that controls the placement of the checks in the checkbox?

I tested by making a copy of the default template and adding your lines at the bottom of template.css.

It looks to me as if you have removed the rule that increases the font-size. The complete CSS should look like this:

Yep--you are right. That fixed the problem and everything looks great.

Thanks for your help.