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

    help with customizing form

    Asked by Headcoach on July 20, 2014 at 07:47 PM

    Please look at the form I made at applied to my site located here: http://www.novusmedicalgroup.com/register.htm

    1.  I need to have the user select more than 1 option in each category.  How do I do that when designing the form?

    2.  Under each input box is some small text.  How can I increase the size of that text under each box?

     

    Page URL:
    http://www.novusmedicalgroup.com/register.htm

    size site www select
  • Profile Image
    JotForm Support

    Answered by EltonCris on July 20, 2014 at 11:27 PM

    Hi,

    1. Use checkbox instead of radio buttons. Checkbox is for multiple selections while radio is for single selection.

    2. Inject the following CSS codes to your form.

    .form-sub-label {

    font-size: 12px;

    color: #6B6B6B;

    }

    Guide: How-to-Inject-Custom-CSS-Codes-to-your-Form

    Feel free to change the property values (bold) on this CSS codes to your preference.

    Hope this helps!

  • Profile Image

    Answered by Headcoach on July 21, 2014 at 03:19 AM

    Hum, the first part with the check boxes worked great....thanks!  The second part with changing the size and color didn't work so good.   I entered the code two ways and both didn't work.

    The first way:

    .form-sub-label{

    font-size:12px;

    color#6B6B6B

    }

     

    Second way:

    .form-sub-label{

    font-size:12px;

    } {

    color#6B6B6B

    }

     

    Both ways didn't work.  However, the size did increase.  I ma using Xara Web Builder and it would be the layer in which the placeholder is in.  But I have the form above the layer of the gradated screen under the form. I do currently have text below the form that will NOT show up.  Maybe this has something to do with the problem.  I will check that again.  Thanks for your help.

    PS: is there a way for me to make sure that the background of the form is transparent?  Maybe this would be another problem.  How do I check that?    Thanks

  • Profile Image

    Answered by Headcoach on July 21, 2014 at 03:38 AM

    Never mind!  My fault!  It....WORKS!!!!!!!!!!!!!!  I feel like Dr. Frankenstein!