CSS: Customize vertical space between fields

  • rtolmach
    Asked on January 1, 2018 at 3: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

  • aubreybourke
    Replied on January 1, 2018 at 4: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.

  • rtolmach
    Replied on January 3, 2018 at 11:15 PM

    Thanks!