Field moving 1px when active

2. Second case which we need to be solved is we have add this code to change the color of the border when field is active:

.form-line-active input:focus, .form-line-active textarea:focus {

    border : 1px #b02886 !important;

    box-shadow : 0 0 1px #b02886 !important;

    -moz-box-shadow : 0 0 1px #b02886 !important;

    -webkit-box-shadow : 0 0 1px #b02886 !important;

}

What we dont like is that when field is active it provide us the line color which we need but the section is moving up for 1 pixel or so.

What we want to have is: change the color of the border but without moving (even 1 px) of the section

Our form address is: https://form.jotform.me/72056751968467

Please try adding a CSS value to the border, the value is "solid". Here's how your code should look like:

.form-line-active input:focus, .form-line-active textarea:focus {
border : 1px solid #b02886 !important;
box-shadow : 0 0 1px #b02886 !important;
-moz-box-shadow : 0 0 1px #b02886 !important;
-webkit-box-shadow : 0 0 1px #b02886 !important;
}

Here's the result:

If you have any questions, let us know. Thank you.

Thanks a lot! It helps!