How do I change the font of labels?

  • ddsoorg
    Asked on April 20, 2015 at 4:10 PM

    Hello - I was able to import google fonts to use on the form, however it did not change the label font. Here is a link to the form: http://dev.uptownstudios.net/ddso/contact-us/

    Thank you for any advice you can provide! I woudl like every bit of text on the form to be font-family: 'Roboto Slab', serif;

  • jonathan
    Replied on April 20, 2015 at 5:47 PM

    Please check my test form http://www.jotformpro.com/form/51097003322948

    I used the same CSS code you had on your form

    @import url(http://fonts.googleapis.com/css?family=Roboto+Slab);

    .jotform-form {

    padding : 0 !important;

    }

    .form-all {

    font-family : 'Roboto Slab', serif;

    }

    .form-sub-label {

    font-family : 'Roboto Slab', serif;

    }

    .form-label.form-label-auto {

    font-family : 'Roboto Slab', serif;

    }

    and it was working

    How do I change the font of labels? Image 1 Screenshot 40

     

    You may need to clear first all of the injected CSS code on the form and then use again the Form Designer to add the CSS code.

    See screens on how to remove the entire CSS code on the form.

    How do I change the font of labels? Image 2 Screenshot 51

     

    in Form Designer

    How do I change the font of labels? Image 3 Screenshot 62

     

    Let us know if this did not work.

    Thanks.

  • ddsoorg
    Replied on April 20, 2015 at 7:51 PM

    Thank you, that worked perfectly for my contact form. I can't seem to get it to fully work for my donation form? http://dev.uptownstudios.net/ddso/donate-now/

  • jonathan
    Replied on April 20, 2015 at 9:10 PM

    In your jotform http://www.jotform.us/form/51036230616141

      please remove the custom CSS code you have injected before.

    And use/inject this one instead

     

    @import url(http://fonts.googleapis.com/css?family=Roboto+Slab);.jotform-form {

    padding : 0 !important;

    }.form-all {

    font-family : 'Roboto Slab', serif;

    }.form-sub-label {

    font-family : 'Roboto Slab', serif;

    }.form-label.form-label-auto,.form-label-top, .form-label-left, .form-label-right, .form-html {

    font-family : 'Roboto Slab', serif;

    }#cid_37 span.form-sub-label-container {

    float : none;

    }

     

    I have highlighted in bold the modification I did on the CSS.

    It works on my test form

    How do I change the font of labels? Image 1 Screenshot 20

     

    Let us know if this did not resolve the issue on your form.

    Thanks.