Header spacing from other fields

  • aprpac
    Asked on May 22, 2015 at 8:05 AM

    Hi,

    I want to reduce the about of space between Heading widgets and other fields. 

    I have looked at other support items and have injected the following CSS:

    .form-header-group {

    padding-top: 5px;

    padding-bottom: 5px;

    margin-top: 0px;

    margin-bottom: 0px;

    }

    However, it does not seem to have any effect.

    What am I doing wrong?

    Thanks

    Paul

  • Boris
    Replied on May 22, 2015 at 9:14 AM

    The code works only on real Heading fields. After adding the above code to the textbox under the CSS tab of the Designer, the header margins and padding are changed.

    .form-header-group {
      padding-top : 5px;
      padding-bottom : 5px;
      margin-top : 0px;
      margin-bottom : 0px;
    }

    Header spacing from other fields Image 1 Screenshot 40

    Header spacing from other fields Image 2 Screenshot 51

    The fields marked with number 2 above are not real heading elements, there are regular Text fields with enlarged text. As such, to remove their margin you would need to add the following custom CSS:

    .form-html p {
      margin: 0;
    }

    Header spacing from other fields Image 3 Screenshot 62

    Please let us know if you need further assistance.