Outer spacing and inner spacing are the space around a widget. Outer spacing is also know as margin, and is the space outside of the element's borders. Inner spacing is also known as padding, and is the space inside these borders. When you adjust the outer spacing and inner spacing of a widget, you change its placement and appearance. This can make your site look more customized and professional.
To adjust the outer and inner spacing around a widget:
Right-click on any widget, element, column, or row, and then click Edit Design.
Click the Spacing tab.
If you see odd spaces that you cannot remove, be sure to check all parts of the widget, including the column in which it is located.
To change the outer spacing (margin), 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.
To change the inner spacing (padding), 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.