Make billing and shipping info shorter for less space

  • tiferestalisim
    Asked on February 19, 2021 at 6:12 PM
    2)In the part where you fill in the billing and shipping info can I bring
    together less space between the lines so the form will be shorter ?
  • Elton Support Team Lead
    Replied on February 19, 2021 at 6:42 PM

    I can see that you were using conditions for your addresses, is this what you're trying to achieve in the first place? Anyway, if you still want to reduce the spacing of each field in the address field, that's possible when you inject the following CSS codes to your form. This will reduce the margin spacing between the address elements (see image below for the sample result).

    [data-type="control_address"] .form-sub-label {
      margin-top: 0;
    }
    [data-type="control_address"] .form-address-line-wrapper{
      margin-top:4px;
    }

    Guide: How to Inject Custom CSS Codes

    Expected result:

    02202021 o4JuhiZZGC Screenshot 10