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

  • Profile Image
    Gearhead_Design
    Asked on September 20, 2017 at 02: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.

  • Profile Image
    jonathan
    Answered on September 20, 2017 at 03:41 PM

    Please try inject this CSS codes on your form.

    .square-hosted-fields{

    width : 222px !important;

    }

    example:


    Let us know if this did not work.


  • Profile Image
    Gearhead_Design
    Answered on September 20, 2017 at 03: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

  • Profile Image
    jonathan
    Answered on September 20, 2017 at 04:14 PM

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

    We're glad to be of help.

    Cheers