What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to change background color of fields?

    Asked by SunbridgeInstitute on April 27, 2017 at 01:47 PM

    Hi there,

    I see that somehow the background color of my fields has changed from dark grey to light grey in our Summer Series 2017 form. In all of our other forms, the fields are dark grey as shown in this form. I actually like the light grey better, so I'd like to change all the other forms to match the Summer series form. Can you tell me how to do this?

    Also, a related question: On one of our forms, all the fields have a white outline on them, which is not consistent with our normal style. I'd like to remove the white outline, if you can please tell me how to do that.

    Thank you for your help!

  • Profile Image
    JotForm Support

    Answered by BJoanna on April 27, 2017 at 03:49 PM

    Add this CSS code to your forms to change the background color of your fields:

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input {

        background-color: rgba(255, 255, 255, 0.83)!important;

    }

    How to Inject Custom CSS Codes

    Here is my demo form: https://form.jotformpro.com/71166051772959 

    I have moved your other question to separate thread and we will provide you an answer there shortly:

     https://www.jotform.com/answers/1130522 

  • Profile Image

    Answered by SunbridgeInstitute on April 28, 2017 at 10:51 AM

    Hm. This is very interesting, and I'm hoping that you can explain so I can better understand how Jotform works...

    I have many forms, and they have always had fields with a medium grey color. Suddenly, without me doing anything different, one of the forms converted so that the fields have a very light grey color. I did not inject any CSS code to make that happen. I thought the solution you would give me would be very simple...as in something I must have done accidentally to cause the light grey backgrounds to appear. Why is it a somewhat advanced technique to change the background colors of the fields? How did that accidental change happen on it's own?

    Thank you for helping me understand.

  • Profile Image

    Answered by SunbridgeInstitute on April 28, 2017 at 11:21 AM

    Nevermind. I figured out what happened--in the designer, the color must have gotten removed at some point accidentally. I just plugged in a lighter grey color and that solved my situation without having to add CSS code. Thank you.

  • Profile Image
    JotForm Support

    Answered by Mike_G on April 28, 2017 at 11:25 AM

    Thank you for the update. And we are glad that you were able to figure this out on your end.

    If, in the future, you have any other questions or concerns, please feel free to contact us again anytime.