Question Options Color Change

Please advise.

When building the form, the question options appear in #003d71 (which is what I want).

Upon preview and upon publish, the question options appear light grey and barely visible.

Why is this happening?

Thanks!!

Hi jmgordon,

Thanks for reaching out to Jotform Support. There is a CSS code on the theme that is currently used by the form to overwrite the color of the concerned text when viewing the Live Form. We can forcefully update the concerned text color with custom CSS code. Here's how to do it:

We can adjust the top margin value for mobile only by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

.form-radio-item label {

    color: #0059a4 !important;

}

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.

Result:

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

Ok, so this is a fix for mobile only?

My users are largely on desktop?

Is there a reason the theme is overwriting the color to a color that is barely visible? Can I update my theme?

Hi jmgordon,

Thanks for reaching out to Jotform Support. I understand your concern about the question options color appearing light grey and barely visible on desktop, even though it shows correctly in the builder.

The reason this happens is that the theme currently applied to your form includes CSS that overwrites the color of the question options when the form is viewed live. This is not limited to mobile only; the theme affects all devices including desktop.

You can update or change your theme to fix this issue. Here's how you can do it:

1. Open your form in Form Builder.
2. Click the Paint Roller icon to open the Form Designer.
3. Go to the Themes tab.
4. Choose a different theme that better suits your color preferences.

Alternatively, you can use custom CSS to force the question options to appear in your desired color by following this guide from my colleague.

Let us know if you have any other questions.

Ok, I think I got it. =) Thank you!

Is there any way I can edit my theme or save a new one without that overwrite?

Hi jmgordon,

You can also edit your theme using Advanced Designer, but it will also use CSS code to modify it. Or you can also change your theme. Let me show you how to do that:

1. Open your form in Form Builder and click the blue Paint Roller icon on the right side of the page.
2. Under the Themes tab, hover your mouse over your selected theme and click on Use Theme.

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