How fix purchase order total appearing off to the right

Without me having made any changes, all my purchase order forms are now showing the total price way off to the right.  I tried to find some erroneous CSS, but was unable to find anything.  Please tell me out to fix this.

Thanks

Please add the following CSS code to resolve the issue:

.form-payment-total {

    max-width: 335px!important;

}

 Thank you.  I will add this code to all my orders.  Will everyone else who has created a purchase order have to do the same?  It seems odd that I have to add code to get the total to appear in a logical place.  Do I have other code or specifications that makes this necessary?

Hi,

CSS codes are used to customize the forms to meet the user's specific needs or requirements. For example, on your form, the alignment for the 'Total' field doesn't sync exactly with the column because of the payment widget's default spacing. We need to inject CSS codes on those occasions to manipulate the fields or the form's features.

Do I have other code or specifications that makes this necessary?

There are a lot of CSS Codes or combinations of codes that can manipulate the form's field's positioning, color, the entire form width, label's positioning, etc. The properties and features of widgets and fields are limited, so if a user wants something that is not on the presets then we can inject CSS codes to make it possible.

Here's a guide that you may need: https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes

I hope this helps, let us know if you need further assistance.

I know what CSS does and use it often.  What I was wondering is why the normal position of the total price in a purchase order widget would suddenly be off to the right... especially when it was NOT off to the right for the first several years of my forms' operation.

Actually, the total on the Form is designed to be on the right bottom of the payment field. So that once you decrease or increase the width of the Form it would always be shown on the bottom right of the payment widget.

I have decreased the width of the Form and it shows correctly:

Since you have increased the width of your Form so it still shows at the bottom right of the payment field. It needs some CSS injection to align the total based on your requirement.

Let us know if you have further questions.

Thanks.

 Okay.  Fair enough.  Thank you for explaining that to me.  I appreciate your responsiveness.  I still don't understand why it started to happen years after implementing the forms without my making a change, but....  Cheers!

If you did not make any change, then there was most likely some update on our end that caused this issue. 

Feel free to contact us if you have any other issues or question. 

 Thank you.