Need help in customizing my form

  • powermedia64
    Asked on April 25, 2014 at 4:31 AM

    I'm new to JotForm, so if you're able to, I'd love your help with a few modfications for design and consistency to all three of my forms, which are launched from PutterPowerMedia.com, a GoDaddy-built and hosted website.

    I'm trying to make the very best of this interim site before finding a suitable design partner to work with me on professional, custom websites for a trio of motorcycle-related businesses.

    Here are the changes I'd like to make:

    --Put all form type in Courier New

    --Expand each form to 500 wide

    --Have the header color match the light blue on my website

    --Make all header type black

    --Keep the small "mail" envelopes in the header design

    --Make the forms' fields go nearly end-to-end horizontally (basically, make them wider, about 450)

    --Center the type in each heading (not header)

    Um, that's it. These descriptions amounted to a lot of words. Hopefully, the changes will take less time to make than it took me to write them.

    I appreciate your help and consideration.

    Best,

    Eric

  • Ashwin JotForm Support
    Replied on April 25, 2014 at 7:36 AM

    Hello Eric,

    Please explain the following point a bit more in detail:

    --Make the forms' fields go nearly end-to-end horizontally (basically, make them wider, about 450)

    Please take a look at the following form which have all your requirements except the one which I have mentioned above:  http://form.jotformpro.com/form/41141089620952?

    Feel free to clone this form for a closer look. The following guide should help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    If this looks okay, we can implement it in rest of your form.

    Thank you!

  • powermedia64
    Replied on April 25, 2014 at 8:51 AM

    Wow, that's awesome!

    To answer your question, I'd like to make the form's fields wider.

    In addition to giving form users more space in each field to see more of the characters they're typing (rather than them being hidden), this would make the form look less lopsided (heavier on the left than right).

    On another note, the changes made so far look great, but was looking for the header at top to be just a single box (PutterPowerMedia top, left; press release form, centered). A pair of envelopes on the right and the New Courier type in black would seal the deal!

    A major bonus would be to have the header's background color match the light shade of blue seen on my website, PutterPowerMedia.com.

    I hope all of this is clear.

    You guys are great, thanks for the help. I'm so jazzed with the site and service that I'm telling everyone I know about JotForm.

    Best,

    Eric

  • Welvin Support Team Lead
    Replied on April 25, 2014 at 10:23 AM

    Hi Eric,

    I will check the form and get back to you. Please standby for updates :)

  • Welvin Support Team Lead
    Replied on April 25, 2014 at 10:49 AM

    How's this: http://www.jotformpro.com/form/41144034659957 ? Let me know adjustments. I've made a few changes to the custom CSS codes.

    The codes here: http://pastiebin.com/535a75cc7ff5a

    Thanks

  • powermedia64
    Replied on April 25, 2014 at 11:14 AM

    Welvin:

    Totally cool! The wider fields look great and the blue is you chose is a great match to the color on my site.

    Last thing to fix in the press-release form:

    --To build in additional contrast and offset the form's generous use of white type, please make all header (up top) and heading type black. This will look great on the blue backgrounds.

     

    Then, if you're able to have my other two forms match the press-release form, I'd be over the moon.

    They can be found here: http://www.putterpowermedia.com/contact.html. Links on this page will take you to:

    Contact Form About Press Releases Form: http://form.jotform.us/form/41128162632144

    Contact Form: About Generals Questions: http://form.jotform.us/form/41128363727152

     

    Hopefully, JotForm will integrate these tweaks into the template so other can get the benefits we built in.

     

    Thanks vey much,

    Eric

  • Welvin Support Team Lead
    Replied on April 25, 2014 at 12:51 PM

    Hi Eric,

    Should be all set wit the black header color: http://www.jotformpro.com/form/41144034659957. I'll get back to you with the other forms.

    Alternatively, you may consider cloning this form and change the fields for your Contact Form and General questions form. 

    Thanks

     

  • powermedia64
    Replied on April 25, 2014 at 1:09 PM

    Welvin:

    Looks great!

    I'll clone the press-release form to build my contact forms. Good suggestion.

    Before doing so, if you could change the Courier New type in the green header at the top to black, instead of blue and white, that would be awesome.

    Thanks for your help with this,

    Eric

  • Carina
    Replied on April 25, 2014 at 1:14 PM

    You can clone the forms with the requested changes:

    Contact Form: About General Questions: 
    http://form.jotformpro.com/form/41145128130946

    Contact Form About Press Releases Form: 
    http://form.jotformpro.com/form/41144999337970

    Thanks