I cannot get the payment form to be full width, and I cannot find anywhere to extend the fields.

  • Gearhead_Design
    Asked on September 20, 2017 at 2:54 PM

    Hello,

    I cannot get the form fields of the Square payment system to be long enough to contain the data they need to hold.

    I tried reducing the text via CSS in the advanced form designer. But, while it did the name/lastname, it would not do the the actual card info, and the info is too large for the form.

    I have attached a screenshot.

    Jotform Thread 1253083 Screenshot
    Page URL: https://form.jotform.us/72618431046150
  • jonathan
    Replied on September 20, 2017 at 3:41 PM

    Please try inject this CSS codes on your form.

    .square-hosted-fields{

    width : 222px !important;

    }

    example:

    I cannot get the payment form to be full width, and I cannot find anywhere to extend the fields Screenshot 20


    Let us know if this did not work.


  • Gearhead_Design
    Replied on September 20, 2017 at 3:48 PM

    This looks like it worked. I had tried that command, but I did not put then !important; part, which would usurp any other css changes.


    Thank you

  • jonathan
    Replied on September 20, 2017 at 4:14 PM

    That is right, the !important word part should affect the CSS as well. :-)

    We're glad to be of help.

    Cheers