How to change font size and font family on my form?

  • thatartguy
    Asked on July 27, 2016 at 3:15 PM

    Hello,

     

    On my CONTACT page on my website (markuswtracy.com), I wanted to know if the font can be NOT bold? Basically, it's just the "Your Name" "Your E-mail Address", and "Your Message" only.

     

    Also, can the font be changed to 18 pt concerning size? Throughout my web site, most of my font sizes measures 18 pt. 

     

    Lastly, the placemaker box in the "Your E-mail Address", can that be Roman TImes as well like the rest of the font? 

  • BJoanna
    Replied on July 27, 2016 at 5:18 PM

    Currently labels on your forms are bold labels. You can change them to normal labels inside of the Form Designer. Inside of Form Designer open Label Styles tab and change label style to Normal labels.

    How to change font size and font family on my form? Image 1 Screenshot 30

    To change font size to 18pt, add this CSS code to your form:

    .form-label.form-label-top {

        font-size:18pt;

    }

    How to Inject Custom CSS Codes

     

    And your font family of email input field add this CSS code:

    input#input_16 {

        font-family: Times New Roman!important;

    } 

    After that you form will look like this. 

    How to change font size and font family on my form? Image 2 Screenshot 41

    Here is my form, where I made all mentioned changes: https://form.jotform.com/62086157445964 

    Feel free to clone it

    Hope this will help. Let us know if you need further assistance.