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

  • Profile Image
    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

  • Profile Image
    BDAVID
    Answered 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.

  • Profile Image
    CUPSCommunity
    Answered 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)

     

  • Profile Image
    BDAVID
    Answered on March 15, 2017 at 02: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.

  • Profile Image
    CUPSCommunity
    Answered on March 15, 2017 at 04: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.

  • Profile Image
    BDAVID
    Answered on March 15, 2017 at 05:35 PM

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

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

    #text_50 a{

        font-family: Lato, sans-serif;

    }

    Hope this helps.