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

  • Profile Image
    Asked 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 =)

  • Profile Image
    Answered on August 05, 2013 at 02:38 AM


    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 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 :)