How do you change spacing between the fields in an address field?

  • WISSF
    Asked on March 19, 2019 at 9:17 PM

    The various controls in the 'advanced' editor intended to adjust spacing between all the fields on a form overlook spacing between street address fields. 

    a- why?!

    b- what is the manual CSS fix for this bug? highlighting the line in the "advanced" editor displays a useless 'undefined td' tag which I can't target with normal CSS rules.


    Jotform Thread 1765872 Screenshot
    Page URL: https://form.jotform.com/90650772515155
  • roneet
    Replied on March 20, 2019 at 12:26 AM

    To change the spacing in the address field you can inject CSS in the following class:

    .form-address-table{

    padding:10px!important;

    }

    Please inject this code in the Form Designer of the Form.

    Related Guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Thanks.

  • WISSF
    Replied on March 20, 2019 at 4:59 AM

    Doesnt work

  • roneet
    Replied on March 20, 2019 at 7:11 AM

    I have injected the following CSS in the Form Designer of the Form.

    .form-address-table td, .form-address-table th{
    padding-bottom:20px!important;
    }

    Please check this screenshot:

    How do you change spacing between the fields in an address field? Image 10

    Hope this code helps!

    Thanks.