CSS Injection to modify field sub labels?

  • Seastride
    Asked 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?

     

  • jedcadorna
    Replied on October 14, 2014 at 8: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.

    CSS Injection to modify field sub labels? Image 1 Screenshot 20

  • Seastride
    Replied on October 14, 2014 at 10:31 AM
    Thank you so much!
    ...
  • jonsan32
    Replied on July 8, 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!

  • Sammy
    Replied on July 8, 2015 at 1:05 PM

    You can use the following approach for your case

    label[for="input_58"] { }

  • jonsan32
    Replied on July 8, 2015 at 7:02 PM

    That worked perfectly! Thank you so much.