Overview

Your website's layout determines its professionalism and how effectively it guides visitors. Strategic use of spacing, which is the essential white space around and within your content, is the simplest way to achieve a clean, professional aesthetic and significantly improve readability.

This guide gives you precise, code-free control over your layout by explaining the two core spacing concepts:

• Margins (Outer Spacing): Controls the distance between elements, ensuring your widgets and rows do not clash.

• Padding (Inner Spacing): Controls the space inside an element, strategically using white space to draw attention to important text or call-to-action buttons.

Mastering these controls allows you to instantly upgrade your site's visual polish and ensure your visitors focus on the right elements.

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.