What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Field moving 1px when active

    Asked by DoSocial on July 26, 2017 at 12:38 PM

    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

  • Profile Image
    JotForm Support

    Answered by Jan on July 26, 2017 at 01:54 PM

    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.

  • Profile Image

    Answered by DoSocial on July 26, 2017 at 02:50 PM

    Thanks a lot! It helps!