How to increase the form top margin when using "Form Collapse" module?

  • aimsvisahk
    Asked on October 3, 2016 at 12:13 PM

    Hello JotForm team,

    I embedded JotForm into my website and using "Form Collapse" module. When I selected the second collapse selection, JotForm will move the position to top, but my website is showing a fixed header, therefore, it covers the top position, Can I increase the top margin ?

    Please view my website : http://www.intsolutions.com.hk/aims/index.php/au/2016-05-19-09-31-12

    I clicked second selection and showed screen > http://prntscr.com/cpcloq

    Regards,

    AIMS

  • Jan
    Replied on October 3, 2016 at 4:19 PM

    I was able to replicate the issue you are describing. It seems that you are referring to the issue wherein the field below the form collapse header is not showing once you click it.

    How to increase the form top margin when using Form Collapse module? Image 1 Screenshot 20

    First, please try re-embedding the form using the Iframe method. Here's a guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code.

    If it is still the same, then we need to increase the bottom margin of the form collapse headers using custom CSS.

    #cid_54 {
       margin-bottom: 65px !important;
    }
    #cid_51 {
       margin-bottom: 65px !important;
    }
    #cid_53 {
       margin-bottom: 65px !important;
    }

    #cid_56 {
       margin-bottom: 65px !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Hope that helps. Thank you.

  • aimsvisahk
    Replied on October 4, 2016 at 3:51 AM

    I solved, Thanks advice.