Margin

The Margin feature designs a space between the border of the block box and the surrounding elements and allows setting the total or specific widths. 

The settings to customize the Margin can be found in the Styles block’s settings. The settings differ for the blocks; for example, for the Text Field, the MARGIN setting refers to the Content, Label, and Description sections.

The Margin width can be set by moving the MARGIN slider or inserting the corresponding value in pixels (instead of the default value of zero pixels).

the margin settings of the text field label

The margin width can be set either for the whole part or separately for each of its sides. To separate the values, the “Unlink Sides” button (a “break link” icon) should be pressed. In this case, bars for each side will appear. 

The first cell is for the top side, the second is for the right side, the third is for the down side, and the fourth is for the left side. The little “square” icon in the left corner shows what side options are set now. To undo all the changes, the “Reset” button should be pressed.

In addition, the width of the margin is set in pixels. Also, other units such as %, em, rem, and others are available.

the individual margin settings of the text field label

FAQ

What’s the difference between the border and margin?

The Margin refers to empty space outside an element’s border to separate it from other blocks, while a border is the visible outline surrounding that element.

Does Margin affect the field’s background color?

No. The background color applies to the field’s box, while margin creates space between that box and surrounding elements.

Can I use different units for the margin widths?

Yes. This width can be specified in pixels (px) as well as other supported units. 

Does changing the margin affect site performance?

No, it does not.

That’s it. Now you know how to customize the Margin of blocks using the JetFormBuilder plugin for WordPress.