How to Resize My Form Background?

  • Profile Image
    gymnastics411
    Asked on April 08, 2013 at 09:16 AM

    Two questions actually:

     

    1. I would like to resize the form at the top of the linked page on my site to reduce the height making for a cleaner, more "snug" fit to a page width, horizontally oriented form.  How do I accomplish this?

    2. You will notice that the email entry portion of the form is not centered with the text field and the submit button located on the same field.  How can I make these elements line up so my form looks professional?

     

    Thank you in advance for your kind support of your great product!!!

  • Profile Image
    gymnastics411
    Answered on April 08, 2013 at 10:09 AM

    Anyone?

  • Profile Image
    jefreylandicho
    Answered on April 08, 2013 at 10:28 AM

    In your form styles, Inject Custom CSS, add the code below

     

    .form-textbox { margin-top:16px !important; } /* adjust the text email field */
    .form-all { padding-top:7px !important; } /* removes the space on the top */

     

    To inject a custom CSS code in your form styles;

    Select Setup & Embed 

    Click Preferences Icon

    In the preferences window, Click Form Styles

    Add Code in the Inject Custom CSS field Area as shown below

    You can adjust the value of 16px and 7px based on your preference.

    If you need further assistance, please contact us again.

  • Profile Image
    gymnastics411
    Answered on April 08, 2013 at 01:24 PM

    GORGEOUS!!!!  Thanks for your help!!!