Padding

Learn how to customize the block’s padding (the internal space between the block content and its Border).

The Padding feature defines the width of the internal space between the block content and its Border.

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

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

the padding settings of the text field label

The padding 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 button with the chain-shaped 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 square-shaped icon in the left corner shows which side options are set now. 

To undo all the changes, the “Reset” button should be pressed.

The width of the padding is set in pixels. Also, other units such as %, em, rem, vw, and vh are available.

the individual padding settings of the text field label

FAQ

Can I set negative values for Padding?

No, negative values are not available.

Can I use different units for the Padding widths?

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

That’s it. Now you know how to customize the block’s padding using the JetFormBuilder plugin for WordPress.