CSS: How to adjust the size of a header and sub header field

  • ginnyabaro
    Asked on March 20, 2025 at 5:10 PM

    How do I increase the size of the font title and description at the top? I can't find any settings to do that. The font is too small. Thank you.

  • Lara JotForm Support
    Replied on March 21, 2025 at 3:27 AM

    Hi Dr. Ginny,

    Thanks for reaching out to Jotform support. To clarify, are you referring to the header and sub header of this form? If so, you can easily adjust its size by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    /*Adjusts the weight and size of Header - 25438471*/
    .form-header {
        font-size : 32px!important;
        font-weight : bold!important;
    }
    /*Adjusts the size of Sub Header - 25438471*/
    .form-subHeader {
        font-size : 32px!important;
    }
    /*Code ends here*/

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    CSS: How to adjust the size of a header and sub header field Image 1 Screenshot 20 You can change the PX value in the CSS code to match your preference.

    Give it a try and let us know how it goes.