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

    Reduce the validate email box to align it on textboxes

    Asked by MartinBoyle on October 16, 2014 at 01:09 PM

    Thats worked a treat. Thanks very much.

    Is it also possible to reduce the width of the response box adjacent the submit button as shown in the screenshot below?

    Thanks,

    Martin

  • Profile Image
    JotForm Support

    Answered by EltonCris on October 16, 2014 at 01:20 PM

    Fixed now. I have reduce the width to 221px from your existing CSS codes.

    #mailContainer > form:first-child input[type="text"] {

    margin-left: 30px !important;

    width: 221px;

    }

    Do you think this is right? Example:

    Let us know if this isn't the on you're referring. Thanks!

  • Profile Image

    Answered by MartinBoyle on October 16, 2014 at 01:41 PM

    Hi EltonCris, thanks for the response. Unfortunately this is not what I was after.

    Referring to the screenshot below, you'll notice that after submitting an email address and clicking on Verify, a message saying "Verification code has been sent to admin@mot-sos.co.uk" etc appears.

    Beneath that, appears a text box, with a submit button to the right.

    It is this text box which I am looking to adjust.

    My apologies if I was not clear in the first instance :).

    Thanks for your time

    Martin

     

  • Profile Image

    Answered by Shadae on October 16, 2014 at 03:17 PM

    Hi Martin,

    To confirm, you would like for the "code" text box to line up with the rest of the form?

    I have made the changes in your form. See result below:

    The code inserted was:

    input#code

    {

    width: 221px;

    }

    I hope this is what you wanted to achieve. Please inform us if you need further assistance.

  • Profile Image

    Answered by MartinBoyle on October 17, 2014 at 05:46 AM

    Works perfectly :D. Thanks very much :).

  • Profile Image

    Answered by Shadae on October 17, 2014 at 08:48 AM

    Hi MartinBoyle,

    I am happy to know this worked for you!

    Please inform us if you need further assistance.