-
ppataAsked on June 13, 2017 at 6:40 AM
I have created a form and I have added Passage Test widget to create 10 different passages with blanks. However the font is really small and I feel that this could discourage people from taking part. Is there a code I could add to change the font ? (I am quite a novice with CSS so any help would be much appreciated).
Thank you
-
SaccarabReplied on June 13, 2017 at 7:48 AM
Hey ppata,
.form-group{
font-size: 20px;
}
Try injecting this CSS code to the widget.
You can change the pixels to your own liking.
.textbox{
font-size: 20px;
}
You might also want to use above CSS to adjust size of the answer text to prevent disproportion.
-
ppataReplied on June 13, 2017 at 8:42 AM
Thank you so much, Saccarab. I've put both and they work just fine!
Now I want to change the spacing between the lines , so I tried
form-group{
line-height: 2.0;
}
but in vein!
Can you tell me why?
Thanks again,
-
SaccarabReplied on June 13, 2017 at 9:00 AM
.form-group{
line-height: 20px !important;
}
This seemed to work out for me.
You are definitely on the right track but the expression probably needed a "!important" tag which lets you override the default styling settings.
Cheers!
-
ppataReplied on June 13, 2017 at 9:05 AM
And it worked for me as well!
Thanks for your prompt help, much appreciated. Thank you also for the tip about the tag.
-
AIDANReplied on June 13, 2017 at 10:09 AM
I am glad your request has been addressed. If you need anything please don't hesitate to contact us. We will be happy to help.