How to customize field element fonts?

Hi, it is possible to have customization options in the question field for long answer questions? 

Hi Mahendra,

Thanks for reaching out to Jotform Support. Do you mean like an option for users to format their answer? If so, then you can use the Long text field's rich text editor. Let me walk you through it:

1. In the Form Builder, click on the Add Form Element button.

2. Add the Long text field element.

3. Open the Long text field's property by clicking on the gear icon.

4. Next, go to the Options tab.

5. Lastly, change the Editor Mode option to Rich Text.

If that's not exactly what you're trying to do, let us know and provide more details so we can assist you better.

No, I meant an option for me to format my questions itself to include bold, italics etc in my question

Hello Mahendra,

Thank you for getting back to us. Do you mean customize the font and size of the field questions? If so, yes, it is possible with CSS. Can you tell us specifically which field question and what kind of customization so we can check this one for you? Also, please provide the form URL you are currently working on. It would help us to understand better if you could take a screenshot of the field and send it to us. We have a guide here explaining how to do that.

After we hear back from you, we’ll have a better idea of what’s going on and how to help.

Hi,

Yes, I wish to customize the font of the field questions, primarily for long text questions. I would like to appear like this screenshot attached below with some words bolded and some in italics. I would like to add some sub points to the question with proper space formating- a,b,c etc.

Here is the link to my form I am working on - https://www.jotform.com/build/241303175016040?iak=8131d91ac9219d6f640e2c00ed09ad25-08b8eb14e00d8555

Hi Mahendra,

Thanks for getting back to us. Currently, there's no option to manually customize the words inside the field label in any element. But as a workaround, I can see that you've added a Paragraph, we can use this and just remove the Field label in the Long Text element. Let me walk you through it, step by step:

1. In Form Builder, Move your Paragraph element to the top and customize it accordingly.
2. Select your Long Text element question and remove all the field label, or just replace it with something like Input your answer here.
3. And this is optional, but you can set the Long Text element as Rich Text to give your responders a text formatting options for their answers. Just click the Gear icon to open Properties, go to Options tab and in Editor Mode section, select Rich Text option.

If you want to minimize the gap between the 2 elements, we can add a custom CSS. Let me show you how:

1. In Form Builder, click the Paint Roller icon to open Form Designer.
2. Navigate to Styles tab.
3. Scroll down to find the Inject Custom CSS section and copy/paste the custom CSS code below:

#id_29 {

  padding-top: 0px !important;

  padding-bottom: 0px !important;

}

#id_25{

  padding-top: 0px !important;

}

Here's a screencast of the result:

That's it! Here's the link to my cloned form for you to check and see the results. If you want, you can clone it by following this guide on How to Clone an Existing Form From a URL.

Give it a try and let us know if there’s anything else we can help you with.

Thanks for the suggestion, I will try it. I am wondering on how it would appear in the responses if I keep the question as the paragraph and the long text field as the answer. From what I can see, the paragraph would not visible in the top row of the responses table - this can be a challenge while reviewing responses as I have multiple of these type of questions I would like to have in the form. What would you suggest?

Hi Mahendra,

I did some tests and see that you can also achieve what you're trying to do using the Fill in the Blanks field wherein you can bold and italic some texts just like how you do it in most text editors. Check out my screenshot below to see what I mean:

Keep in mind, however, that Fill in the Blanks doesn't support Long Text so I've used a Short Text field in my example above. The good news is the whole question and answer gets to the submission table. Check it out below:

Give it a try and let us know if you need any more help.

Hi, thanks for the suggestion. I'll try it out.

Hi Mahendra,

Thanks for getting back to us. I've moved your other question to a new thread to avoid confusion. You can check that out here. Please allow me some time and will answer it there shortly.

In the meantime, give this a try and let us know if you have any other questions.