How Do I Change the Font Size for Radio Button and/or Check Box Fields?

  • Profile Image
    rathbunc
    Asked on March 05, 2015 at 06:13 PM

    I can change the font on my forms in text boxes, but can't increase the font size when I use radio or check boxes.  Why is that?  I need things to be bigger in all portions of the forms I create.  Please let me know how to make changes to fonts.

  • Profile Image
    abajan
    Answered on March 05, 2015 at 08:03 PM

    Hi,

    Upon examining the jotform in question I wasn't sure if you were referring to its check box field or the column and row headers in the matrix:

    However, the following rules if added to the form's CSS would increase the font size of all three elements to 20 pixels:

    .form-checkbox-item label {
      font-size: 20px;
    }

    .form-matrix-row-headers {
      font-size: 20px;
    }

    .form-matrix-column-headers {
      font-size: 20px;
    }

    Alternatively, they can be combined as follows:

    .form-checkbox-item label,
    .form-matrix-row-headers,
    .form-matrix-column-headers {
      font-size: 20px;
    }

    The result can be seen in this clone of the form.

    Please see this guide.

    Should you require further help with this, please let us know.

    Thanks