Can I increase the size of my form calculation widgets?

  • Profile Image
    snackpaxxshop
    Asked on December 11, 2020 at 06:47 PM

    I would like to increase the size of the form calculations on both of my forms;

    https://form.jotform.com/202387327893162

    https://form.jotform.com/202384821990156

    I want it to pop out to the customer so they don't look over it. It is labeled as, " Amount of snacks chosen", and is located near the bottom of both of my forms!


    Thank you so much! I'm crappy with instructions so please please make a video step by step lol thanks!

  • Profile Image
    Katherine_W
    Answered on December 11, 2020 at 09:34 PM

    Hi there,

    Happy to help!

    To clarify: are you wanting to increase the size of the actual field itself so that the font and result will be bigger?

    I made a clone of your form 202387327893162 for the purposes of this example.

    You can increase the width of the label by clicking into the widget properties and adjusting the Width:

    1607739875_5fd429e3c2edc_


    Or, if you're looking to increase the font size of "Amount of snacks chosen" you can inject Custom CSS into your form. This is the CSS you'd need to inject:

    #id_57.form-line{

      font-size: 24px;

    }

    This is how you would inject the CSS. First, click the paintbrush Form Designer icon, then click the STYLES tab, and finally scroll down and paste the CSS like so:

    1607740214_5fd42b3633eb6_field size css.

    You could always increase the font size by adjusting the px element in the CSS above. Here's an example of what the widget would look like with the px adjusted to 50:

    1607740306_5fd42b92aed76_field size css

    Please keep in mind that the CSS will be different for your other form as the field ID will be different. Here is the CSS you'd use for your form 202384821990156:

    #id_45.form-line{

      font-size: 24px;

    }

    But you would inject the previous CSS into the form just as I showed you previously.

    I hope this helps! Please let us know if you have any further questions.

  • Profile Image
    snackpaxxshop
    Answered on December 11, 2020 at 10:33 PM
    You, my friend, are a serious life saver! Thank you so much 🤣😁
    ...