Sign-Up Templates or Creating One

  • Profile Image
    johnchartrand
    Asked on October 30, 2012 at 04:26 PM

    I created a somewhat complex form and it works great, now the boss wants me to create a sign up form and he's too cheap to use an autoresponding company like Aweber that has great templates of sign up forms.

    I found the sign up templates but they are so Plain Jane. Is there a way to add graphics to the form itself?

    thanks

    John

  • Profile Image
    idarktech
    Answered on October 30, 2012 at 04:58 PM

    Hi John,

    Yes! you can upload images and insert them to your form. If you'd like to add image background, just Inject Custom CSS codes to your form. This will help: http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes

    Inform us if you need further assistance. Thanks!

  • Profile Image
    idarktech
    Answered on October 30, 2012 at 04:59 PM

    You can also visit our Form Templates page for more themed forms. Thanks!

  • Profile Image
    johnchartrand
    Answered on October 30, 2012 at 05:06 PM

    What is the CSS class to decrease the padding and or margins within my sign up form?

    Can I target the Heading and Sub heading text separately? If so, what is the CSS class for that?

    My email box extends outside the form. The form is 225px wide to conform to my sidebar. Decreasing the padding or margins will help, but I'll probably need to reduce the width of the email box. How can I do that?

  • Profile Image
    EduardoMendez
    Answered on October 30, 2012 at 05:12 PM

    We'll be glad to assist you.

    Can you please let us know what form you are speaking about?  The URL of the form would help us give you accurate information.

    We'll wait for your response!

  • Profile Image
    EduardoMendez
    Answered on October 30, 2012 at 05:22 PM

    Hello there!

    I have looked at your forms and this visual guide may help you with the CSS of your form.

    Let us know if you need further assistance!

  • Profile Image
    johnchartrand
    Answered on October 30, 2012 at 05:44 PM

    Great thanks,

    I just need the CSS to decrease the padding and or margins for the content inside the sign-up form. There's too much white space to the left and right inside the form

  • Profile Image
    johnchartrand
    Answered on October 30, 2012 at 05:48 PM

    Oh also, I'd like to close the gap between the subheading and the Your Name label. Is there a CSS class for the Name and Email boxes so that I can bring the whole thing up closer to the subheader?

    thanks

    John

  • Profile Image
    idarktech
    Answered on October 30, 2012 at 05:54 PM

    Hi John,

    Inject the following CSS codes to your form:

    /*--fields padding--*/

    .form-line {

    padding-left: 5px !important;

    padding-right: 5px !important;

    }

    /*--header padding--*/

    .form-header-group {

    margin: 5px !important;

    }

    Adjust the values if necessary. Thanks!

  • Profile Image
    johnchartrand
    Answered on October 30, 2012 at 06:15 PM

    Fantasitic, one last thing. My Submit button is too large. How can I decrease its size?

    thankls

    John

  • Profile Image
    idarktech
    Answered on October 30, 2012 at 06:46 PM

    Hi John,

    What do you mean exactly with "It want the Form ID?".

    May we also know the page URL where you've embedded your form so we can check it here? Thanks!

  • Profile Image
    johnchartrand
    Answered on October 30, 2012 at 07:21 PM

    Hi I put inserted the number from the iframe code and that worked. The url is http://customhockeysticksandjerseys.com/

    Thanks for your continued help

    John