Inventory Widget: How do I style its text?

  • EMYEstetica
    Asked on December 7, 2014 at 4:54 AM
    How do I make the font inside the calculation to be slight smaller ( I want it to be in 11cpi)
  • abajan Jotform Support
    Replied on December 7, 2014 at 5:31 AM

    Thanks for asking. Here's what to do:

    1. Click the first inventory field's wand icon to open its wizard:

    Inventory Widget: How do I style its text? Image 1 Screenshot 30

    2. Scroll down till you see Custom CSS and in that box enter

    .checklist { font-size: 14px; }

    and click Finish

    Inventory Widget: How do I style its text? Image 2 Screenshot 41

    (Change the 14px value as desired)

    3. Repeat the process for each inventory field and save the jotform

    If you need further assistance, we'd be happy to help.

    Thanks

  • livingearthschool
    Replied on February 24, 2015 at 1:09 PM

    My inventory widget wizard does not have the custom css area. It has an option to add an image in the area you show in the graphic above. I tried putting the css in the form general properties but it didn't work. Do you have a suggestion?