Custom CSS: Change the fields background color.

When user clicks on a field it goes all white and the text is no longer visible. Is there a way of stopping that? I have a black form, on a black page with white writing. I don't want it to go white at all.

Hi Colin,

Thanks for reaching out to Jotform Support. You can change the background color of the fields using CSS. Let me help you do that:

1. Copy the code below.

.form-line {

      background: none !important;

 }

2. Then, 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.

Take a look at the screencast below to see my results:

You can also check out our guide about How to Inject Custom CSS Codes for more information.

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

Hi Dayron,

thanks for your response. That code works perfectly. That fixed it straight away. Much appreciated.

I'm sorry that I keep having to ask people to write code to fix errors. Maybe feed back to the developers that they should fix these problems before releasing the builder. Cheers.

Hi Colin,

This can easily be updated directly from the Advanced Designer as well. I'll show you how, in case you need to update something else:

1. Open your form in the Form Builder, and click on the Paint Roller icon from the right.
2. Scroll down, and click on Advanced Designer.

Here's how to update highlight color once in Advanced Designer:

1. From the right panel, expand Color Scheme.
2. You can click on Simulate Highlight to see preview, and click on the Gear icon next to it to configure it.
3. Choose desired color.
4. Save changes.

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

Hi Bojan, thanks for that but it's a level of detail I'm not advanced enough to use. I tried your steps but it didn't work and I don't want to mess things up any more. I don't need a highlight colour. I just want people to be able to use the form. We fixed the error so I'll move on to the other problems before I start making new issues.