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 add a border to the Text field?

    Asked by SMDC on August 06, 2015 at 02:19 PM

    I want to add a black border to the text field in my form so it will be more noticeable.  Can this be done and how? 

     

    Thank you.

    Page URL:
    http://form.jotformpro.com/form/52166123472955

    text field add a border how a
  • Profile Image

    Answered by Shadae on August 06, 2015 at 03:21 PM

    Hi SMDC,

    Yes it is possible to add a border to your text field by adding custom CSS to your form.

    Please inject the following CSS code in your form:

    .form-html {

        border : 3px;

        border-style : solid;

    I hope this helps, please inform us if you need further assistance.

  • Profile Image

    Answered by SMDC on August 06, 2015 at 03:30 PM

    Thank you, that did help and was successful. What if I only want the border around one text field and not both that are present in the form? Is it possible to do that?

  • Profile Image

    Answered by Shadae on August 06, 2015 at 03:51 PM

    Yes it is possible to have it one just one of your text fields.

    If you would like it on only the top text field, replace the previous code with:

    #text_10 {

          border : 3px;

        border-style : solid;  

    }

    If you would like it on only the bottom text field, please the previous code with:

    #text_11 {

      border : 3px;

        border-style : solid;  

    }

    Please inform us if you need further assistance.

  • Profile Image

    Answered by SMDC on August 06, 2015 at 05:08 PM

    Thank you very much!! You were very helpful!  It worked!