How can we set up smaller price boxes?

smaller price boxes - when i try it changes the alignment of the $ signs...it makes a major mess of my form....

I took a look at your form and I see the boxes on the right of the checkboxes.

I presume that this is the layout that you wish to keep, but want them to be smaller.

If that is true, then you can accomplish the same by using the following CSS code on your form:

.form-textbox.form-product-custom_quantity {
    width: 40px;
}

You can see here how to add the same: Inject Custom CSS Codes

Just one note would be to add the CSS code after all other CSS codes in your forms custom CSS field.

itsnot working for me when i publish it live - doyou see it? I put code inmy css.

please help orclone this?? iam bad at coding.

.form-textbox.form-product-custom_quantity {
    width: 40px;
}

It appears that there are several issues in the css which is why the css that you injected was not being applied. To fix the issue, please add a colon above the code with the red X.

To do so, click the Form Designer button.

Select the CSS tab.

Then follow the guide below.

Once that is fixed, the CSS that you applied should now work correctly.

Do let us know if the issue persists.
Regards.

thank you!