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.


  • Profile Image

    How to increase width of payment field cc number box

    Asked by kcmilesformusic5k on March 10, 2017 at 03:12 PM

    i am using the square payment portal for our 5K race registration page, why can't the customers visually see the last number of their credit card being entered?  This is causing alot of concern/fear that the payment is not going through.

    thanks!

    Page URL:
    https://form.jotform.com/70067689436164

  • Profile Image
    JotForm Support

    Answered by jonathan on March 10, 2017 at 07:51 PM

    Please add this CSS codes on your form.

    #square_cc_number{

    width : 195px !important;

    }

     

    It will increase the input box for the payment field CC number.

    Let us know if this did not work.

     

  • Profile Image

    Answered by kcmilesformusic5k on March 10, 2017 at 08:46 PM
    this is fabulous, but i do not know how to access where to paste this code
    ...
  • Profile Image
    JotForm Support

    Answered by liyam on March 11, 2017 at 08:55 AM

    Hello,

    You can inject the CSS code by following these steps:

    1. In the form builder, click the Form Designer icon.

     

     

    2. Click on the CSS tab, and paste the code in the "Inject Custom CSS" area.

     

     

    3. Once the code has been injected, do not forget to click on the Save button on the lower part of the window.

     

    If you have questions or if you need assistance, please let us know.

    Thanks

  • Profile Image

    Answered by kcmilesformusic5k on March 11, 2017 at 10:46 AM
    Thank you! Problem solved!
    ...
  • Profile Image

    Answered by kcmilesformusic5k on March 11, 2017 at 10:46 AM
    Thank you! The problem is now fixed!
    ...
  • Profile Image
    JotForm Support

    Answered by liyam on March 11, 2017 at 11:54 AM

    Thanks for keeping us posted, kcmilesformusic5k. I'm glad that the issue is now resolved.

    Feel free to get back to us if you have other questions or concerns.

    Thanks.