Header spacing from other fields

  • Profile Image
    aprpac
    Asked on May 22, 2015 at 08: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

  • Profile Image
    Boris
    Answered on May 22, 2015 at 09: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;
    }

    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;
    }

    Please let us know if you need further assistance.