How do I add a border around the form?

  • thecomfortxperts
    Asked on April 1, 2018 at 12:11 AM
  • Mike_G JotForm Support
    Replied on April 1, 2018 at 12:50 AM

    You will be able to do that by adding the following CSS codes to your form following this guide — How-to-Inject-Custom-CSS-Codes

    .jotform-form {

        border: 1px solid red !important;

    }

    You can update the value (width, style, color) of the border property based on your preference.

    https://www.w3schools.com/css/css_border.asp

    https://www.w3schools.com/cssref/pr_border.asp

    I hope this helps. If you have other questions or concerns, please do not hesitate to let us know.

  • thecomfortxperts
    Replied on April 1, 2018 at 7:43 AM
    Thanks Mike..

    I have added this and it does show up on the Jotform dashboard but the change does not reflect on the website.



    ...
  • Kiran Support Team Lead
    Replied on April 1, 2018 at 8:52 AM

    I have checked your JotForm and see that you have added the following code to the form:

    .form-all {

        border : 5px solid #00668d;

    }

    Please try adding !important to the border as shown below so that the border should be displayed around the form.

    .form-all {

        border : 5px solid #00668d !important;

    }

    Thanks!