Square payment field - add sublabel on postal code field

  • Profile Image
    goodbammblog
    Asked on March 01, 2020 at 04:25 PM

    Hi, just wondering if it is possible to add a sub label or small description below the postal code input field within the Square payment element? Thanks

  • Profile Image
    JohnRex
    Answered on March 01, 2020 at 05:50 PM

    That is possible using custom CSS code, however, doing so will make the POSTAL CODE field to misalign with the other fields.

    Here's a code you can use:

    #cid_3 > div > table > tbody > tr:nth-child(4) > td:nth-child(2) > span::after {

        content: "\A Add Description here";

        white-space: pre;

        font-size: 12px;

    }

    This will be the result:

    https://form.jotform.com/200606919426961 

    GUIDEHow-to-Inject-Custom-CSS-Codes