How do you reduce the height of a form collapse?

  • Profile Image
    1stGreenDeal
    Asked on November 11, 2014 at 02:10 PM
  • Profile Image
    Jeanette
    Answered on November 11, 2014 at 03:52 PM

    You mean to reduce the height just like on this form?

    You can do that by inserting this Custom CSS code (which is the one used in my example)

    .form-header-group {
    padding: 3% 0!important;
    margin: 5%!important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

     

    However, the easiest way is by using our new Form Designer Tool

    Using the form designer is simple:

    -. While having your form opened on Edit mode, click the Form Designer Icon on the Form Style toolbar. (Pictured below)

    .
     
     
    Then  Select the Collapse you want to reduce and you'll get the styles attributes in the right side bar. You can play with the Vertical padding and other properties, such as Horizontal Padding,  Vertical Margin, etc.

     

    Please give that a try and do let us know should you have more questions.