How to change the font color of a single-choice field

Hello, I would like to know how to change the font color of a single single-choice field without affecting the settings of the other fields.

As an example, please see the attached screenshot, where I would like to change both the title and the option text to red.

Hi there!

In order to change color of the single choice field without changing all text colors, you can do the following:

Go to the Form Builder, and press on the paint roller icon at the top right of your screen. Once the side bar comes out, go to the bottom and press "Advanced Form Designer." From here, you can click what you'd like to customize (i.e. the single choice question), and change what you'd like. This designer can alter the layout, background image, color, text, and font options that Jotform has available.

Let me know if this helps!

Thank you for the quick response, but unfortunately your instructions didn’t work. I might be doing something wrong, because when I go to the "Advanced Form Designer," two things happen:

First, the form appears as it would be shown to someone filling it out, not as it does in the configurator. Since the fields I need to modify have conditions or are hidden, they are not displayed.

Second, even so, I tried changing the color of a random field, and it was applied to the entire form, not just the selected field.

Is there any CSS code where I can change the color of that specific field?

Hello!

If you want to change the CSS of a specific field you can do so via the following:

1. Go to the CSS tab in the advanced designer and double click the field label that you want to change the color. Use the color property in the CSS Helper to add color to that label.
2. Save your changes and that's it!

If you're having difficulties, please refer to this guide for more information about finding Fields IDs on your own, and this guide about injecting custom CSS.

Feel free to ask any questions!

Hi everyone,

I’m not able to see the specific field in the "Advanced Form Designer," so how am I supposed to double-click on it?

As I mentioned before, the form is being displayed in the "Advanced Form Designer" as it would appear to the end user filling it out, rather than in an editable/configuration view. The field I need to modify is set to appear only under specific conditions, so it’s not visible when the form initially loads.

For some reason—I’m not sure if this is the default behavior—the form is not showing all fields, unlike what I see in the form builder.

I also don’t know what CSS code I should use to change the color. In the screenshot provided, there isn’t even an option to change the font color.

From previous answers, I found that to change a field label color I could use:

#label_XX { 

color: XXX !important; 

}

And to change the input text color:

#input_XX { 

color: XX !important; 

}

However, I couldn’t find how to change the font color of an option within a single-choice field.

I think my level of knowledge with this platform might be being overestimated, so I would really appreciate a more detailed, step-by-step explanation.

Also, English is not my first language, so I apologize if I’m not being completely clear in my question.

Hi smcfmc,

Thanks for reaching out to Jotform Support. You can easily change the font color of the Single Choice field by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

label#label_477 {

    color: red;

}



label#label_input_477_0 {

    color: red;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved. 

Give it a try and let us know how it goes.

It worked perfectly!

Thanks so much for your help!

Hi Recursos Empreendedores Lei Municipal de Incentivo,

Your request has been answered and the thread is closed.

If you have another question or need more help, feel free to reply here and we'll assist you right away.