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 to enlarge subtext?

    Asked by AlpineInternational on June 13, 2013 at 10:09 AM

    Hello, Can I enlarge the font size in subtext?  My participants are having a hard time realizing they can use their finger or stylus pen to sign their name in the signature line and I wrote a note in subtext below the line, telling them how to do this but they often times miss it.  If I can enlarge the subtext, then how?  Also, any better way to collect a "signature" then having them to sign with a finger or stylus pen?  It doesn't seem like this process is working well as it is today.  Thank you!

    Page URL:
    www.alpineinternational.com

    size name font size font
  • Profile Image

    Answered by jefreylandicho on June 13, 2013 at 10:23 AM

    You can adjust the sub label text by injected a custom CSS in your form style. To inject a custom CSS in your form styles, go to Setup & Embed > Preferences then click the Form Styles tab.

    Add this code below:

    .form-sub-label[for=sig_pad_25] {

    font-size:13px;              

    }

    Optionally, you can add additional elements to make it more visible as shown below.

    .form-sub-label[for=sig_pad_25] {

    font-size:13px;                /* Adjust Text Site, incrase px value to make it larger */

    margin-left:-80px             /*If you need to center the text, add this code */

    color:#000; /*if you want to change the color of the text */

    font-weight:bold; /*if you want to make the text bold */

    }

    If you need further assistance, please contact us again.

  • Profile Image

    Answered by AlpineInternational on June 13, 2013 at 12:23 PM

    Thank you!  I'm interested in making it bold and/or red font.  I tried the formula above several times but your formatting is a bit funky up above and I'm having a hard time getting it to work.  Is this the formula for bold:

    font-weight:bold;

    And is this the formula for color?  How do I choose red?

    color:#000;

     

    Thank you!

  • Profile Image

    Answered by jefreylandicho on June 13, 2013 at 12:37 PM

    Sorry about that coding, please use this version instead for better understanding.  Yes the font-weight:bold; is the formula for making the font in bold format.

    If you are not familiar the HTML color coding,you can use this application then copy and paste the color code located in the field at the top  of the screen. The code for color red is  D60000

    font-weight:bold;

    color:#D60000;

    If you have any other questions, please contact us again.

  • Profile Image

    Answered by AlpineInternational on June 16, 2013 at 08:28 AM

    Neither of the codes seem to be working - UGH.  What am I doing wrong?  

  • Profile Image
    JotForm Support

    Answered by Morian on June 16, 2013 at 08:45 AM

    Hi! I see that you only pasted font-weight:bold; color:#D60000;

    For it to work, please remove what you have pasted and simply copy and paste the code below:

     

    .form-sub-label[for=sig_pad_25]{font-weight:bold; color:#D60000;}

     

    And this is the result:

     

    Let us know if you need further assistance. Thanks!

  • Profile Image

    Answered by AlpineInternational on June 17, 2013 at 10:41 AM

    Ahhh!  GOTCHA! Thank you SO much!  It works now ;)

  • Profile Image

    Answered by billylevine2003gmailcom on June 27, 2013 at 05:49 AM

    this is a great help can you point me in the direction to do the same for the sublabel of name and or address

  • Profile Image
    JotForm Support

    Answered by Morian on June 27, 2013 at 05:59 AM

    @billylevine2003gmailcom

    Just inject this code for sublabel (Note:values are just sample)

     

    .form-sub-label {color:#FFFFFF; font-size:10px; font-family:tahoma;}

     

    Of course you can change the value of the color, font-size, and font-family to your preference. 

    Please open another thread should you have further questions. Thank you!

  • Profile Image

    Answered by billylevine2003gmailcom on June 27, 2013 at 06:07 AM
    don't I have to tell it the id of the label like first name.........in the
    prior example. it appear to be specific on the label or field id.
    I can try the above but what if I want to affect the sub label Name only.
  • Profile Image
    JotForm Support

    Answered by Morian on June 27, 2013 at 06:13 AM

    Yes, you could also specify which particular sublabel to edit. If it is, say, just the sublabels for first and last name:

    #sublabel_first, #sublabel_last {color:#FFFFFF; font-size:10px; font-family:tahoma;}

  • Profile Image

    Answered by billylevine2003gmailcom on June 27, 2013 at 06:52 AM
    thanks I will try that
  • Profile Image

    Answered by billylevine2003gmailcom on June 27, 2013 at 07:32 AM
    thanks also what do I do to have multiple commands such as below
    .form-sub-label[for=sublabel_area]{font-weight:bold; color:#D60000;}
    #sublabel_first, #sublabel_last {color:#FFFFFF; font-size:14px;
    font-family:tahoma;}
  • Profile Image
    JotForm Support

    Answered by Morian on June 27, 2013 at 08:00 AM

    Yes, you can actually do that. It will work even with multiple CSS codes injected. 

  • Profile Image

    Answered by billylevine2003gmailcom on June 27, 2013 at 08:18 AM
    thank you so also can you tell me the id/command to increase the input box
    for data entry (text blocks etc)
    On Thu, Jun 27, 2013 at 7:00 AM, JotForm Support Forum
  • Profile Image

    Answered by jefreylandicho on June 27, 2013 at 08:26 AM

    The ID of a field can be found in your field properties section. To get the field ID, select the field and click the gear icon then look at the bottom part of the property windows and you will see the ID.

    e.g

    #input_4 {

    height: 100px !important;    /* increase px value to increase field height */

    width: 300px !important;    /* increase px the to increase field width */

     }

    If you have any other questions, please contact us again.

  • Profile Image

    Answered by billylevine2003gmailcom on June 27, 2013 at 12:23 PM
    thank you and is there way to set the value (size) for all input fields
    On Thu, Jun 27, 2013 at 7:26 AM, JotForm Support Forum
  • Profile Image

    Answered by jefreylandicho on June 27, 2013 at 12:33 PM

    Yes there is by injecting the CSS code in your form style.

    input { height: 50px;}

    and if you want to increase the dropdown, you will need to add select e.g.

    input,select { height: 50px;}

    and to increase radio and checkbox size, you need to add .form-radio, .form-checkbox but using width

    .form-radio,.form-checkbox { width: 50px;}

    If you have any other questions, please contact us again.

  • Profile Image

    Answered by billylevine2003gmailcom on June 27, 2013 at 12:48 PM
    thanks!
    On Thu, Jun 27, 2013 at 11:33 AM, JotForm Support Forum <
    jotform@jotmails.com> wrote: