Can I increase the size of my form calculation widgets?

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!

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:

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:

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:

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.

You, my friend, are a serious life saver! Thank you so much 🤣😁
...