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

    Can I put a border around my form?

    Asked by emclanekinsethcom on June 20, 2013 at 11:14 AM

    Right now it just takes up the whole browser. I would like to add a border to help contain the form.

    add a border
  • Profile Image

    Answered by pinoytech on June 20, 2013 at 11:19 AM

    Hi,

    Using custom css and inject into your form, you can achieve that. Please try this code into your form:

    .form-all {

    border: 1px solid #000;

    }

    If you need further asistance, do let us know.

    Thank you!

  • Profile Image

    Answered by emclanekinsethcom on June 20, 2013 at 11:42 AM
    I got the border, but it doesnt sit right up to my image like it does at
    the bottom. Can you assist me with this?
    http://form.jotform.us/form/31576130560145
    --
    Emily McLane
    Creative Marketing Specialist
    emclane@kinseth.com
    Kinseth Hospitality Companies
    2 Quail Creek Circle
    North Liberty, IA 52317
    (319) 626-5600
    www.kinseth.com
  • Profile Image

    Answered by jefreylandicho on June 20, 2013 at 12:01 PM

    Please add the CSS code in your form styles as well.

    .form-all {
    padding-top:0px !important;
    width:670px !important;
    }
    #id_33.form-line {
    padding:0px !important;
    }

    If you need further assistance, please contact us again.

  • Profile Image

    Answered by pinoytech on June 20, 2013 at 12:18 PM

    Hi,

    Please update your custom css with this codes to fixed the issue.

    .form-all {

    border: 2px solid #000;

    padding-top: 0 !important;

    }

    .form-line {

    padding-top: 0 !important;

    }

    img.form-image {

    width: 690px !important;

    }

    #id_33{

    padding-left: 0 !important;

    }

    This is how it looks like after: http://www.jotformpro.com/form/31704361668961

    If you need further assistance, do let us know.

    Thank you!