Change font size in Products

  • Profile Image
    brernick3
    Asked on August 05, 2018 at 11:25 AM
  • Profile Image
    luisvcsilva
    Answered on August 05, 2018 at 01:50 PM

    You can change the font size in the Payment Widget by adding the following CSS code:

    .form-product-name {

        font-size : 10px;

    }

    #input_14_1000_price,#input_14_1001_price,#input_14_1002_price,#input_14_1003_price,#input_14_1004_price {

        font-size : 10px;

    }

    #total-text {

      font-size:10px;

    }

    #payment_total {

      font-size:10px;

    }

    The first block of the CSS correspond to the name of the products in the Widget, the second block corresponds to the price of the products, and so on. The first screencast shows how you can add the CSS code and change the font sizes in the Widget while the second one shows you how to get the field IDs in order to customize each element in the form:

    1533491177GIFrecord_05-08-2018-_144245.g1533491193GIFrecord_05-08-2018-_143740.g

    You can clone a fixed version of your form in the link below:

    https://form.jotform.com/82165099767976


    Contact us if you need any assistance,

    Thanks.