Form validation pushing fields to move next line

  • darchiu
    Asked on September 11, 2019 at 3:47 PM

    I currently have 3 fields on the same line - Car Make / Car Model / Car Year

    Whenever a "this field is required" warning occurs, the fields get pushed to the right.

    I'm fine with the warning, but I would like to prevent the last field from ever getting pushed to the next line (see below).

    1568231220Screen Shot 2019 09 11 at 12 Screenshot 10


    thanks!

  • John Support Team Lead
    Replied on September 11, 2019 at 5:13 PM

    I can see that you have injected some custom CSS codes to your form. Please try adding these codes to prevent the form validation from pushing the other fields to move to the next line:

    .form-line .form-error-message {

        visibility: hidden;

        margin-bottom: -10px;

        position: absolute;

        height:30px;

    }

    .form-error-message:before{

      content:"Required.";

      color:#ffffff;

      font-size:10px;

      visibility: visible;

    }

    Please try that and let us know how it goes.

  • darchiu
    Replied on September 11, 2019 at 10:13 PM

    works! thanks!