Can I put a border around my form?

  • Profile Image
    emclanekinsethcom
    Asked 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.

  • Profile Image
    pinoytech
    Answered 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
    emclanekinsethcom
    Answered 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
    jefreylandicho
    Answered 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
    pinoytech
    Answered 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!