Customizing Spacing on Your Website

Easypages.io allows you to customize the spacing of your website, including page width, padding, and site margins. This guide will walk you through the steps to adjust the spacing properties of your website for a cleaner, more organized look.

1. Accessing the Spacing Customization Panel

1. Log into Easypages.io and navigate to the Main Dashboard.

2. Click on the “Edit Website” button at the top of the dashboard.

3. In the Design Tab, select Spacing to open the customization panel.

2. Max Page Width

The Max Page Width setting controls the maximum width your page content will span on larger screen sizes.

1. Use the slider to adjust the Max Page Width in pixels (px).

2. The default value is set to 1400px, but you can increase or decrease this based on your preference.

3. Base Block Padding

The Base Block Padding controls the top and bottom padding for all blocks on the page.

1. Use the slider to adjust the Base Block Padding (vmax).

2. This padding applies to all blocks globally, although individual block padding can still be adjusted within each block’s settings.

4. Site Margin

The Site Margin setting allows you to adjust the global margin around your entire website.

1. Use the slider to adjust the Site Margin (vw).

2. This adjusts the space between your site content and the browser edge, giving you control over how “tight” or “spacious” your site feels.

5. Previewing and Publishing Spacing Changes

Once you’ve made your adjustments:

1. Preview Your Changes: Use the Preview Button to see how the updated spacing settings look in real-time.

2. Publish Your Changes: When you’re satisfied, click the Publish Button to apply the spacing adjustments to your live website.

Conclusion

With Easypages.io, you have full control over the spacing properties of your website, from the maximum width of your pages to block padding and site margins. These customization options allow you to create a balanced, visually appealing layout that enhances user experience.