Spacing

Overview

Margins and padding are the space around a widget. Margin is the space outside of the element's borders; padding is the space inside these borders. When you adjust the margins and padding of a widget, you change its placement and appearance. This can make your site look more customized and professional.

Guide

1. Right-click on any widget, column, or row, and then click Edit Design.

2. Click the Spacing tab.

Margin

To change the margins (outer spacing), click and edit the numbers in the outer box. You can also click on one of these numbers and use the slider to adjust the size.

Padding

To change the padding (inner spacing), click and edit the numbers in the inner box. You can also click on one of these numbers and use the slider to adjust the size.

Considerations

If you see odd spaces that you can't remove, be sure to check all parts of the widget, including the column in which it is located.