Our site is in the font Lato, and I've had trouble getting a couple of the fields to appear in that font.

  • CUPSCommunity
    Asked on March 13, 2017 at 10:54 PM

    Our site is in the font Lato, and I've had trouble getting a couple of the fields to appear in that font. Namely, the Text fields (Cost on the first page, Order Summary on the second, and all the error messages on both pages), the item sub-labels (Special Requirements and Coupon Code), and the payment method entry on the second page.

    Form: http://www.jotform.us/form/70664886923167

  • David JotForm Support Manager
    Replied on March 13, 2017 at 11:29 PM

    Please try injecting the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #text_62 span{

        font-family: Lato, sans-serif;

    }

    #text_52 span{

        font-family: Lato, sans-serif;

    }

    #text_67 strong{

        font-family: Lato, sans-serif;

    }

    .form-sub-label{

        font-family: Lato, sans-serif;

    }

    Let us know if you need more help on this, we will be glad to assist you.

  • CUPSCommunity
    Replied on March 15, 2017 at 12:27 PM

    Thanks - this fixed some of the issues but some text still displays in the default font. See the screenshots below (offenders circled in purple)

     

    Our site is in the font Lato, and Ive had trouble getting a couple of the fields to appear in that font Screenshot 20

  • David JotForm Support Manager
    Replied on March 15, 2017 at 2:06 PM

    Please also inject the following code to fix those: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #text_61 strong{

        font-family: Lato, sans-serif;

    }

    #text_62 strong{

        font-family: Lato, sans-serif;

    }

    #text_52 strong{

        font-family: Lato, sans-serif;

    }

    .form-sub-label-container{

        font-family: Lato, sans-serif;

    }

    .form-address-table th {

        font-family: Lato, sans-serif;

    }

    #text_68 strong{

        font-family: Lato, sans-serif;

    }

    #text_50 em{

        font-family: Lato, sans-serif;

    }

    Let us know if you need more help.

  • CUPSCommunity
    Replied on March 15, 2017 at 4:00 PM

    Thanks so much for all your help with this - all worked except "Cost:" on the first page, and the words "Terms & Conditions" with the link, on the second page.

  • David JotForm Support Manager
    Replied on March 15, 2017 at 5:35 PM

    Your are welcome! On regards of the "Cost" label of your first page, it is actually taking the Lato font:

    Our site is in the font Lato, and Ive had trouble getting a couple of the fields to appear in that font Screenshot 20

    Regarding the hyperlinked text "Terms & Conditions", please add this code:

    #text_50 a{

        font-family: Lato, sans-serif;

    }

    Hope this helps.