What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    I need to resize a template. Is that possible?

    Asked by 80sCube on September 18, 2013 at 12:38 PM
    template
  • Profile Image
    JotForm Support

    Answered by Welvin on September 18, 2013 at 01:54 PM

    Hi,

    What template? Let us know the URL so we can check and tell you if possible. Basically, customizations are possible. Form width, field width and the alignments.

    Also, what particular sizing? Height or Width?

    Thanks

  • Profile Image

    Answered by 80sCube on September 18, 2013 at 02:43 PM

    Hi there, thanks for the quick responce!  I am trying to use the Contact Form with Blue Envelope.  I think it's here.

    http://form.jotform.us/form/32605525649155

    I need the edges of the envelope to be close to 390 px wide.  Height is not to much of a problem.

    As I am developing the site just now, its on the web, but not public yet.  See the page here.

     

    http://www.caps.wegetitserved.com/rrr/wordpress/?page_id=838

     

    I'd like to neatly fit the form in the middle section of this page. 

    On another note...if you like 80's music, give us a listen!  :)  Thanks again for your help!

  • Profile Image
    JotForm Support

    Answered by Welvin on September 18, 2013 at 04:14 PM

    Hi,

    Here's a clone form: http://www.jotformpro.com/form/32606313683957. Just simply clone it back by following this guide: How to Clone a Form.

    If you need further adjustments, please let us know.

    Thanks

  • Profile Image

    Answered by 80sCube on September 18, 2013 at 04:44 PM

    That's perfect!  The size fits great but the re-captha is not centered. Colud it be a tad smaller or at least centered? 

    Thanks!

  • Profile Image
    JotForm Support

    Answered by Tasha on September 18, 2013 at 07:16 PM

    Hi,

    Please take a look at the clone that I made of your form here. If that is what you would like please inject the css below. For more information on how to inject css please review this guide

     

    .form-line {

    padding-left: 54px !important;

    }#id_9 {

    padding-left: 10px !important;

    }

    .form-all{

    padding-left: 0px !important;

    }

    #recaptcha_response_field {

    width: 240px !important;

    }

    .recaptcha_only_if_privacy {

    position: absolute !important;

    right: 15px !important;

    bottom: 15px !important;

    }

    I hope this helps! Please let us know if you have any other questions. 

    Thanks!

  • Profile Image

    Answered by 80sCube on September 22, 2013 at 03:15 PM

    Thanks for helping me get this configured properly.  Please take a look at the form now at:

    http://www.caps.wegetitserved.com/rrr/wordpress/?page_id=838

    I like the way this looks top to bottom, but it  looks like the the recaptha is not centered.  I know it's probably a matter of key strokes, but I am clueless as to how to get it to line up (center) everything properly. 

    Thanks again for your help!!

  • Profile Image
    JotForm Support

    Answered by EltonCris on September 22, 2013 at 06:56 PM

    @80sCube

    I've fixed your form. Check it now.

    Here are the CSS codes I've injected to it in case you want to check.

    #recaptcha_response_field{

    width: 222px !important;

    }

    #recaptcha_image{

    width: 222px !important;

    margin-left: 0;

    }

    #recaptcha_image img{

    width: 222px !important;

    }

    .recaptcha_image_cell{

    width: 222px !important;

    }

    .recaptcha_only_if_privacy {

    float: left !important;

    text-align: left !important;

    margin-right: 45px !important;

    }

    #text_6 p{

    margin: 5px;

    }

    I have also fixed your background image, I just made it a little taller so it doesn't look cut. 

    Let us know what you think. Thanks!

  • Profile Image

    Answered by 80sCube on September 23, 2013 at 11:22 AM

    EltonChris, so I got the CSS injected, and some how the darn envelope image VANISHED! Help!  Could I have possibly overwritten what was already there?  On the brightside, everthing looks to be lining up properly, nowe if I can just get the envelope back!  Thanks in advance for your time.

  • Profile Image
    JotForm Support

    Answered by guilledutra on September 23, 2013 at 01:59 PM

    Hi,

    could you please append this custom css code to your form:

    .form-all{

    background:url('https://cms.jotform.com/uploads/image_upload/image_upload/global/6332_bg_envelope.png') no-repeat;

    float:left;

    padding-left: 54px;

    padding-top: 0px !important;

    width: 480px;

    height: 578px;

    }

    IMPORTANT:

    Don't delete the actual css code, just append it to the end in order to get the envelope background image.

    EXAMPLE:

    http://form.jotformpro.com/form/32655947767977

    Hope it helps

    please let us know if you need furter assistance

    thanks

  • Profile Image

    Answered by 80sCube on September 23, 2013 at 02:38 PM

    Ok, CSS appended.  Now take a look.

    http://www.caps.wegetitserved.com/rrr/wordpress/?page_id=838

    Now, half the envelope is cut off and the it's good send it"  button isn't centered.

    I really appricaite you all taking the time to bring along someone who is clueless.

    Thanks for your time.

  • Profile Image
    JotForm Support

    Answered by Welvin on September 23, 2013 at 05:41 PM

    Hi,

    Please kindly try to re-embed your form using our iframe method: How to Get Form iFrame Codes. This should help you resolve the height issue.

    Furthermore, I have here a modified form with its original look with some adjustments base on your preferences.

    Here: http://www.jotformpro.com/form/32606313683957

    Thanks