How do I remove the space between the "form collapse menu bars" when I decrease the height?

  • Profile Image
    mbillups
    Asked on January 25, 2013 at 12:18 PM

    I was successful with decreasing the height of the "form-collapse" menu bar using CSS but when I changed it I was left with space in between each section. Its almost like the container that the "form collapse" lives inside of has a defualt height. If this is the case, is there a way to change the size of the form collapse container? I've attached the CSS I used below.

     

    .form-collapse-table {

    height: 50px !important;

    width: 500px !important;

    border: 1px solid #ccc !important;

    margin-bottom: 0px;

    padding: 0px;

    }

     

    .form-collapse-mid {

    font-size: 14px !important;

    }

     

    .form-collapse-right-hide {

    margin-right: -5px !important;

    margin-top: -10px;

    margin-bottom: 0px;

    padding: 0px;

    }

  • Profile Image
    EduardoMendez
    Answered on January 25, 2013 at 12:40 PM

    Hi there, 

    can you please share the URL of your form?

    I'll be glad to look into it for you!

  • Profile Image
    pinoytech
    Answered on January 25, 2013 at 12:47 PM

    Hi,

    I've cloned your form and made some workaround on it. Can you please take a look at this form if this is what you want to achieved? http://www.jotformpro.com/form/30244979123960?

    If you like what I did feel free to clone the form or just simmply inject this codes into your form.

    .form-section-closed, .form-section{

    margin-top: -8px !important;

    }

    Feel free to contact us if you need further assistance.

    Thank you!