Sub Label Font Size

  • Profile Image
    Asked on May 26, 2012 at 04:13 AM
  • Profile Image
    Answered on May 26, 2012 at 07:52 AM

    The selector to change all of the sub labels in a form is .form-sub-label. So, to change the size, inject the following rule, changing the value (highlighted in red) to suit your requirements:

    .form-sub-label {
    font-size: 0.85em;

    However, changing specific sub labels would require more specificity. In such cases, the ID of the field whose sub label(s) you wish to style would have to be included in the selector. 

    Tools like Firebug are very useful when it comes to determining which selectors should be used to style various aspects of your forms.