Form Input Styles Are Broken

Hi There,

We use jotform extensively across three of our major clients websites -

https://www.oaklandseaport.com/business/contact-us

https://www.portofoakland.com/about/contact-us

https://www.iflyoak.com/business/contact-us/

This morning I've noticed every form on our sites is reverting to a white input border and white input text. We've done nothing to change our form styles, so this appears to be an issue created by JotForm.

I've attached a screenshot of our forms. In this current state, they're unusable. This should be considered urgent.

These two styles are being overwritten by a global CSS variable, color the form input border and text white:

border-color: var(--color-winter);

color: var(--secondary-background-color);

Please advise on how to restore our forms to their original state, thanks.

Alex

Hi Ray,

Thank you for reaching out to Jotform support. I have let our developer team know about the issue, and they are looking into it. We will let you know when we have an update.

Thanks! Let me know if you need more info from us. Also I'd like to reiterate this is a problem on all of our 200+ forms.

Alex

Hi Ray,

Thank you for your patience, and we understand the urgency and scale. Our team noted that you are using the black theme in the color schemes The border color corresponding to the black theme in the color schemes is white. We suggest either choosing a different color scheme or injecting custom CSS. Also, our team noted that they don't see either of those global CSS variables on the user page. Could you take a screenshot of where those CSS variables are located so our team can find them or let us know where you did find them? Thank you.

Let us know if you have any questions!

Thanks, Brandon - here's the CSS variable im seeing on the contact form:

https://www.portofoakland.com/about/contact-us

I should also note we haven't done anything to mess with our theme settings. Even if we are using a dark theme our global styles should not have been affected. Was this an update your team conducted in the background? Can it be reserved?

We've tried to overwrite this with custom CSS but even with an !important declaration the CSS variable is taking precedent. The other option would be to write a JS handler that changes the border and input color regardless of CSS variables, but it'd be best if your team can undo the change that lead to our broken form styles.

Let me know if you need more detail from me. Thanks.

Hi Ray,

Thanks for sharing that, it paints a clearer picture of what’s happening. Our Developers know about this and are working on getting it sorted. We’ll circle back with an update when there is one.

Hi Alex,

We’re truly sorry for the trouble you went through — we understand how frustrating this must have been. I’m glad to let you know that the issue has now been resolved.

If there’s anything else you need or if we can support you further in any way, please don’t hesitate to reach out. We’re here for you. Thank you for your patience and understanding.

Thank you all for your help! Our forms are back to their original styles.

Alex

Hi Ray Bullard,

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.