CSS: Customize vertical space between fields

  • Profile Image
    rtolmach
    Asked on January 01, 2018 at 03:21 PM

    The vertical space between specific fields is often larger or smaller than I would like.

    Can I use CSS and increase or decrease the margin above and below specific fields (individually)? How would I do that?

    Thanks

  • Profile Image
    aubreybourke
    Answered on January 01, 2018 at 04:28 PM

    Simply open the advanced designer and click on the CSS tab.

    You would need to get the ID of the field you want to modify. Single click will give you the class name (all fields of this type) and double click will give you the ID (only this field). The ID will start with a # and the class will begin with a .

    Then simply add the margin-top and margin-bottom properties and set their value is pixels (px).

    For example.

    #your_field_1{

    margin-top: 0px !important;

    margin-bottom: 0px !important;

    }

    The !important keyword ensures that this value overwrites any previous value if there is any.

  • Profile Image
    rtolmach
    Answered on January 03, 2018 at 11:15 PM

    Thanks!