Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Increase the font size of a long ree text question

More
2 weeks 6 days ago #274827 by tarakaya
Please help us help you and fill where relevant:
LimeSurvey version:  6.17.14
Own server or LimeSurvey Cloud: Own server
Survey theme/template: Fruity
==================Hi everyone,I would like to change the font size of the free-text input field in my “Long Free Text” question.I previously found someone on the English design forum who mentioned that this could be done using the Web Developer Tools in your browser (I use Microsoft Edge). I can open the developer tools with Ctrl+Shift+I, but I cannot find where I would be able to change the font settings for the free-text response box.With the help of AI, I found some CSS code that I apparently need to add to a “CSS editor”. However, pasting the code into the “CSS class(es)” field does not seem to do anything (and I’m not even sure whether that is where the code is supposed to go).Would anyone be able to explain to me how I can change the font size, preferably with some screenshots? Alternatively, could you point me towards a resource where this is explained clearly?Perhaps this is actually much easier to do than the older forum posts make it seem, but I am a complete beginner when it comes to CSS and web development.Many thanks in advance!

Please Log in to join the conversation.

More
2 weeks 6 days ago - 2 weeks 6 days ago #274830 by Joffm
Hi,
unfortunately you did not insert a link to the mentioned thread.

I previously found someone on the English design forum who mentioned that this could be done using the Web Developer Tools in your browser

But this is absolutely correct.
Steps:
  • Create a question of type "long text"
  • Open the question in the preview
  • Enter some text
  • Open the webdevelopment tool.
  • Mark the text field
You see this. (This is Firefox; in Edge it will be similar.)
 
You see that this question type is a "textarea" and has a class ".form-control". (in the blue section)
And at the right you find this selector (form-control) and some properties.
You can change the values to see the effect.
And you see a property "font-size" with a value of 1rem. Okay, change it, see what happens.
If you are satisfied, you can do several things:
Insert this into the "custom.css" of your extended theme.
Insert this into each question where you want to have this larger font-size.
It is only necessary to enter the changed property, like
textarea.form-control {
  font-size:3rem;
}

Of course you can change other properties. In my opinion you also should change the line-height.

If you enter this directly in the sourcecode of your question don't forget to surround with <style>...</style> tags.


And you also didn't show what your "AI" told you. Though during the last months the answers get a bit better, AI still hallucinates a lot if asked about LimeSurvey.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 2 weeks 6 days ago by Joffm.

Please Log in to join the conversation.

Moderators: tpartnerholch

Lime-years ahead

Online-surveys for every purse and purpose