Card Forms: Option to underline a question label and change its font color

Hi,

I would like to set question font a underline.

Just give <u></u> code.

Seems not changes.

Hope it can be modified.

Thanks!

Hi Jimmy,

Thanks for reaching out to JotForm Support. I'm sorry you're having trouble adding underline to your question labels. I see you're using the Cards Layout. Unfortunately, such layout offers limited customizations when it comes to font. I've gone ahead and escalated your request to our developers, but when or if it's developed depends on their workload, how viable it is, and how many other users also request it. If there are any updates, we’ll circle back to this thread and let you know.

Meantime, you may consider changing your form to the Classic Layout, and we'll help you inject custom CSS Codes to achieve your requirement.

Thanks for your patience and understanding, we appreciate it.

Hi,

I only want to give some text underline and color.

Hope your guide.

Thanks!

Hi Jimmy,

Thanks for getting back to us. I understand you only want to underline the question text and change the question color; however, it's currently not possible in Card Forms as mentioned in my previous reply. I've escalated the idea to our developers as Feature Request. Although we can't give you an ETA for implementation, rest assured that you'll be notified on this thread as soon as we have updates to share.

Thanks for your patience and understanding, we appreciate it.

Hi Sonnyfer

I am now using classic form for our needs.

https://www.jotform.com/build/241192872524054

I am not well in CSS.  

I tried to add code to the question text. Not working.

So I copy my string form Google doc.  

It can display it. But wil question 2 text will goes to different line.

Hope there is a code can be added it on question text directly.

Thanks!

Hi Jimmy,

Thanks for getting back to us. By Injecting a Custom CSS Code, you'll be able to underline the questions in your form easily. Let me walk you through it:

1. In Form Builder, click on Paint Roller icon on top right side of the page.
2. Click on Advanced Designer from the end of the menu.
3. Click on CSS tab from the top right side of the menu.
4. Inject the CSS Code below and click on Save icon in the menu on the left.

.form-label {

   text-decoration: underline;

}

Now, you'll be able to see questions in the form are underlined

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

Hi,

Thank you for the guide.

Only few text need underline.

Not all the sentence.

I tried other way (give it【】) to show the text I want now.

Thanks!

Hi Jimmy,

Thanks for getting back to us. Can you share with us which fields or texts need to be underlined?

Once we hear back from you, we'll be able to move forward with a solution.

Hi Kyle

You can find the 【何者為非】on our form.

Using underline for the text would be better.

Hello Jimmy, 

Thanks for getting back to us and we’re sorry you’re having trouble with this. I understand your request, but I’ll need a bit of time to look into its possibility. I’ll get back to you as soon as I can.

Thanks for your patience and understanding, we appreciate it.

Hello Jimmy, 

Thanks for your patience. We found a way for you to achieve this, but you have to embed your form inside a webpage. Before you insert your source code, please locate the word that you want to underline and add the code below:

<u> and </u> 

If your word is【何者為非】, it will be shown as:

<u>【何者為非】</u> 

Let me show you where to find the Source Code from your form:

• In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
• In the menu on the left side of the page, click on Embed.
• Now, click on the embed option you want to use, and copy the code.
• That's it. Embed your link on your webpage and you're done.

We also have a guide about How to Get the Full Source Code of Your Form that you can check out.

Give it a try and reach out again if you have any other questions.

Hi,

Thank you very much!