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

    CSS Injection to modify field sub labels?

    Asked by Seastride on October 13, 2014 at 11:38 PM

    Is there a modification that can be made to forms to allow you to change the sub label of a text field (example: first name, middle name, last name, month, day, year, area code, phone number etc.) without changing all the fonts on the form?

     

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

    sub labels text field name label phone number
  • Profile Image

    Answered by jedcadorna on October 14, 2014 at 08:35 AM

    You can view your Jotform sub-label ID's using a tool. I use firebug to inspect the form. You can use this sub label ID's #sublabel_first,#sublabel_middle,#sublabel_last,#sublabel_month,#sublabel_day, #sublabel_year to modify the text and font.

    You can follow this guide to inject your CSS code https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

  • Profile Image

    Answered by Seastride on October 14, 2014 at 10:31 AM
    Thank you so much!
    ...
  • Profile Image

    Answered by jonsan32 on July 08, 2015 at 11:50 AM

    Doesn't seem my .form-sub-label has an ID. How can I manipulate just one sub label? My form is here: http://www.50allstars.com/2015/07/new-recruits.html

     

    No ID tag??: <label class="form-sub-label" for="input_58" style="min-height: 13px;"> Please note that this price rises every day. </label>

     

    Thanks!

  • Profile Image

    Answered by Sammy on July 08, 2015 at 01:05 PM

    You can use the following approach for your case

    label[for="input_58"] {}

  • Profile Image

    Answered by jonsan32 on July 08, 2015 at 07:02 PM

    That worked perfectly! Thank you so much.