Outer and Inner Spacing

Overview

Outer spacing and inner spacing 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 outer spacing and inner spacing 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.spacing1_en-US.png

2. Click the Spacing tab.

spacing2_en-US.png

Outer Spacing

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.

spacing3_en-US.png

Inner Spacing

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.

spacing4_en-US.png

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.