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 can I change the text area color to match my background?

    Asked by edwinadside on January 12, 2012 at 08:21 AM
  • Profile Image
    JotForm Support

    Answered by NeilVicente on January 12, 2012 at 08:59 AM

    Edward,

    Inject this custom css code to your form:

    .form-textarea {
    background-color: gray;
    }

    Replace the color with any html color name or html color code you prefer.

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    Hope you find this useful.

  • Profile Image

    Answered by edwinadside on January 12, 2012 at 09:41 AM

    Ok... What would the code look like to make all fields gray.  The above only changes the "text area". Thnaks.

  • Profile Image

    Answered by fxr on January 12, 2012 at 11:54 AM

    I am not quite sure what you mean by 'make all the fields gray' 

    Can you explain that a bit for us? maybe show what you mean by providing a link to an example form.

     

    Thanks. 

  • Profile Image

    Answered by edwinadside on January 12, 2012 at 04:02 PM
    I want to change the background color of every field in a form. The code given only changes the “comments area of the form”


  • Profile Image

    Answered by edwinadside on January 12, 2012 at 04:04 PM
    See this form… http://www.jotform.com/form/13630008308

  • Profile Image
    JotForm Support

    Answered by NeilVicente on January 12, 2012 at 04:14 PM

    Hi Edwin,

    I thought it is only the text area which you wanted to change the background color of. Anyway, use this css code instead:

    input,textarea,select {
    background-color: gray;
    color: white;
    }

    color refers to the color of the font used when you type inside the textboxes and the text area. Just change these variables to suit your preference.

  • Profile Image

    Answered by edwinadside on January 12, 2012 at 04:20 PM
    Thanks. Perfect!!!