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

    Need to reduce horizontal distance between autofill field and submit button on same line

    Asked by oseo5511 on August 05, 2013 at 01:28 AM

    Hi again

     

    I am using this as a dummy search field for our clients site, and the submit button is as such renamed to search, however right now, i want to get it as close as I can, maybe 25 px margin right side of the end of autofill field, and probably reduce the size of it by a few percentage points or at least alignt it very nicely, the search (submit) button looks a little lower, haning a bit lower than the field next to it.

    for id in above field

    Thanks =)

    Page URL:
    32158940615859

    horizontal same line size next site search field
  • Profile Image

    Answered by Elton on August 05, 2013 at 02:38 AM

    Hi,

    To make them closer together, inject the following CSS codes to your form.

     

    .form-line {

    padding: 12px 1px !important;

    }

     

    .form-submit-button-steel {

    height: 32px;

    margin-top: 11px !important;

    }

     

    Guide: How to Inject Custom CSS Codes to your Form

    1px under form-line class is for the right and left spacing, you may change it to your preference. The 2nd code is for the submit button alignment. You can play around with it's value to get the desired result.

    Hope this helps. Regards!

  • Profile Image

    Answered by oseo5511 on August 05, 2013 at 04:58 AM

    Bingo, that was a clean shot.

    what you typed did not even need modification :) now only if you could please possibly take a look at my other threads about the height and dropdown background of this autocomplete of this very form as well, i would be well on my way and gone to other form building which i have 4 hours to finish off...

     

    please any additional help with those is much appreciated chief :)