What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How to Adjust the Layout of the Stripe Payment Field?Asked by transtrumbp on January 28, 2016 at 12:55 AM
Hello, I've got a couple issues I need help with regarding the Stripe payment form.
1. I'm trying to get the payment form formatted like the one in this thread (http://www.jotform.com/answers/720377-Some-Formatting-Questions), but when I insert the CSS, my form is not looking like the one in the other thread. I did make sure to change the ID numbers accordingly, but is there something else I need to do?
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
Hoping someone can help!
payment form layout adjusting i need help
I checked the other thread and try to replicate the same Stripe template on your form. Below, you can find the necessary CSS code:
width: 150px !important;
width: 175px !important;
width: 200px !important;
After applying the code above, the result will be like the following:
For further assistance, please do let us know.
Also, I moved your second question into another thread. On the following link, you can easily access it.
It will be answered right away.
Thanks for the reply and the solution! I added the CSS for both and they worked great!
You are most welcome. For further assistance, please don't hesitate to contact us.