How can I make my one-line form minimal and transparent?

  • jdjackson7
    Asked on December 8, 2016 at 4:03 PM

    I am trying to make our email sign up form minimal and transparent. Just a singel field and submit button.

     

    This is what I am trying to achieve...

    http://gynexgroup.com/suppliers/jotform/signup1.JPG

     

    But this is what the form looks like...

    http://gynexgroup.com/suppliers/jotform/signup2.JPG

     

    Can you tell me how to achieve what I want?

    Thanks

     

  • Nik_C
    Replied on December 8, 2016 at 8:18 PM

    I did some adjustments on your form so your background is transparent: 

    How can I make my one line form minimal and transparent? Image 1 Screenshot 30

    You can find here what I changed:

    How can I make my one line form minimal and transparent? Image 2 Screenshot 41

    Hope it helps. If you need further assistance please let us know.

    Thank you!

  • jdjackson7
    Replied on December 9, 2016 at 8:41 AM

    Thank you for the transparency. The other problem with it is that there is a lot of additional room around the field making the 'form' 100% larger than the field/submit button. Can we trim away all of the excess margins/padding on sides and top to have a very minimal footprint.

  • Nik_C
    Replied on December 9, 2016 at 9:16 AM

    I did padding and margin adjustments in your form, and this is how it looks like now:

    How can I make my one line form minimal and transparent? Image 1 Screenshot 20

    If you need any extra adjustments please let us know.

    Thank you!