How to reduce the size of a custom field text box

I am using the Text box type in a custom field, so that I can have it calculate extra fees based on how many jars someone buys.

How can I reduce the size of a custom field text box? I tried at the bottom of the custom field screen for my item, but it did not work. I have 1 in that line. Still same size as it was.
The box is very wide, but all I need to do it have them add in a single number. But one customer wrote in "4 jars" instead of just the number 4. So it wouldn't calculate.

I tried doing a dropdown and listing out numbers 1-10, but it did not calculate correctly.

Hi

You can try to change the css class property of the custom field to input-min and try again ?

Tuan

Also, in the Extra property of the custom field, please type maxlength=1. By doing that, users cannot type more than one character into that field.

Tuan

None of these is working for me. Size settings for Countries, List Box, etc. all work OK with input-medium, etc., but text boxes display full width of page.

For text custom field, I tried entering values into max length, then into Size, then I tried maxlength=10 into Extra field, then input-small into CSS field. input-small, etc. only changes the height of the text field, not the width.

What can I do to change the width of the text field display?

Your site template's must be forcing the width with its CSS declarations. If you post a link to an event on your site, I can help you with fixing that part.

As James said, look like there is some css code from your site template causing the issue. Send the link here so that James / our developers can guide you to correct it

Regards,

Tuan