How to change background color of fields?

  • SunbridgeInstitute
    Asked on April 27, 2017 at 1: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!

  • BJoanna
    Replied on April 27, 2017 at 3: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 

  • SunbridgeInstitute
    Replied 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.

  • SunbridgeInstitute
    Replied 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.

  • Mike_G JotForm Support
    Replied 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.