Make billing and shipping info shorter for less space

  • Profile Image
    tiferestalisim
    Asked on February 19, 2021 at 06: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 ?
  • Profile Image
    EltonCris
    Answered on February 19, 2021 at 06: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.png