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 do I change the color of the field box rule

    Asked by Jerole on April 06, 2011 at 06:50 PM
  • Profile Image
    JotForm Support

    Answered by NeilVicente on April 06, 2011 at 07:52 PM

    Hi,

    I'm not sure what you mean with field box rule. If you're referring to the input box - the box where you type in information - then here is how you do it:

    1.  Go to Setup & Embed > Preferences > Form Styles > Inject Custom CSS

    2.  Copy this code:

    input {
    background-color: red;
    }

    3.  Replace red with any color you like. You can refer to these pages for more color codes - HTML Color Codes HTML Color Names

    4.  Save your forms.

     

    Hope this helps. Contact us again if you have further questions.

    Neil

  • Profile Image

    Answered by skech on April 15, 2011 at 06:17 PM

    This changes the text box colour but not the text area colour or the colour of any other fields, how can all the fields be changed?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on April 16, 2011 at 03:16 AM

    Hi,

    Use this code instead:

    input,textarea,select {
    background-color: red;
    }

    input is for the textbox

    textarea is, obviously, for the text area

    select is for the dropdowns

    Background color for radio buttons and checkboxes cannot be changed. I hope you find this information useful.

  • Profile Image

    Answered by glennscollins on September 08, 2011 at 11:42 AM

    What is the css code for making field areas transparent?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 08, 2011 at 12:40 PM

    Hi,

    Please try this code:

    html,body,.form-all,input,textarea,select {
    background-color: transparent;
    }

    Let us know how it works for you. Thanks!

     

    Neil