Change font size in Products

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:

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.