Bottom border is missing

  • Profile Image
    Timcross86
    Asked on May 09, 2013 at 06:22 AM

    the border at the bottom of all my forms is missing, im using the <> embed. it works with iframe but i dont want to use it as my prepopulated feilds dont work with iframe. is there any css i can add to change this?

     

  • Profile Image
    jalaludeen
    Answered on May 09, 2013 at 06:48 AM

    Hello Timcross86,

    Please add given custom CSS code in following form, this will get fix your issue.

    For First Form in site,

    .jotform-form { height:340px !important; }

    For Second Form in site,

    .jotform-form { height:470px !important; }

    Please refer this guide for more information on How to Inject Custom CSS Codes

    Let us know if you need further assistance.

    Thanks,
    Jalaludeen

  • Profile Image
    Timcross86
    Answered on May 09, 2013 at 06:58 AM
    I've only tried it on the first form but it still cuts the bottom of the border off. It works on my ipad but not in ie.
  • Profile Image
    jalaludeen
    Answered on May 09, 2013 at 07:15 AM

    Hello Timcross86,

    Sorry for inconvenience please try this CSS code in both form on custom CSS code

    .form-all {
        background-color: White;
        border: 2px solid #CC0000;
        border-radius: 10px 10px 10px 10px;
    }

    Please refer this guide for more information on How to Inject Custom CSS Codes

    Let us know if you need further assistance.

    Thanks,
    Jalaludeen

  • Profile Image
    pinoytech
    Answered on May 09, 2013 at 10:18 AM

    @Timcross86,

    Please update your form custom css code with this codes bellow.

    For this form: http://www.jotformeu.com/form/31225482738355

    .form-line{

    padding: 7px;

    }

    .form-all {

    background-color: White;

    border: 4px outset #CC0000  ;

    border-radius: 10px 10px 10px 10px;

    margin-bottom: 5px;

    padding-bottom: 5px;

    }

    .form-header-group {margin: 10px;} {font-size: 10px;}

    .form-all {height:350px !important;}

    -------------

    For this Form: http://www.jotformeu.com/form/31215891454353

    .form-all {

    background-color: White;

    border: 2px solid #CC0000;

    border-radius: 10px 10px 10px 10px;

    padding-bottom: 5px;

    }

    If you need further assistance, do let us know.

    Thank you!