The sub-labels on the phone number fields in my form are not aligned properly

  • Profile Image
    bbyoinsider
    Asked on April 30, 2019 at 11:05 AM

    The sub-labels on the phone number fields in my form are not aligned properly

  • Profile Image
    Welvin
    Answered on April 30, 2019 at 12:52 PM

    You have to override the current styles for the phone number field with the below custom CSS codes to fix the alignment issue:

    [data-type="control_phone"] .form-sub-label-container:first-child [data-component=areaCode] ~ .form-sub-label {

        display: table-cell !important;

        top: 3px !important;

        position: relative !important;

    }

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