Outer and Inner Spacing

The space around a widget is defined by its outer and inner spacing. The space outside of the element's borders is known as outer spacing, also known as margin. The space inside these borders is known as inner spacing, also known as padding. When you change a widget's outer and inner spacing, you change its placement and appearance. This can make your website appear more personalised and professional.

To change the outer and inner spacing around a widget, do the following:

1. Click Edit Design after right-clicking on any widget, element, column, or row.
2. Select the Spacing option.

If you see any strange spaces that you can't seem to get rid of, check all parts of the widget, including the column in which it's located.

Outer Spacing

Click and edit the numbers in the outer box to change the outer spacing (margin). You can also adjust the size by clicking on one of these numbers and dragging the slider.

Inner Spacing

Click and edit the numbers in the inner box to change the inner spacing (padding). You can also adjust the size by clicking on one of these numbers and dragging the slider.