How to Change the Order Total Input Size on Stripe Payment Tool?

2. I would also like the Order Total field to fit better with the form. As it is now, the box is tiny, and the USD & line don't look good.

Here's my form URL: https://form.jotform.com/60257842695970

Hi again,

With some custom CSS, I increased the width of the "Order Total" input and its value's font size by using the following code from the below:

#input_100_donation{

width: 150px !important;

font-size: 15px !important;

}

You can easily decrease or increase the sizes by adjusting the red marked areas. If you need any extra help, please do let us know.

Thanks.

One last question...

Is there any way to move the payment total divider line below the field so it looks better and puts a little spacing between the text below? I've attached a screenshot that should help.

Thanks

I am having a bit of trouble directly move that line.  The position seems to be fixed.  I will see if I can get the line moved, however, it may not be accessible.

My apologies, try adding this code to your form:

#cid_100.form-input.jf-required hr{
    margin-top : 50px;
}

That should move the line down to the next row.  Here is my test form with the code added:

https://form.jotform.com/60275566578973

That worked, thank you for the help!

You are very welcome!  If there is anything else we can assist you with, let us know and we will be happy to help.