How to Adjust Spacing on Your Website

Adjusting the spacing on your website is crucial for ensuring that your content appears well-structured and readable. With EasyPages, you can easily control the spacing between elements, as well as the margins and padding for your website’s layout. Follow the steps below to learn how to adjust spacing using the Spacing settings in the Design tab.

Step 1: Access the Design Tab

  1. From your Dashboard, click on the Design tab located at the top of the interface.

  2. This will open the design options where you can adjust various aspects of your website’s appearance, including spacing.

Step 2: Open the Spacing Settings

  1. In the Design tab, look for the Spacing option within the Theme Options section.

  2. Click on Spacing to open up the spacing properties settings for your website.

Step 3: Adjust the Max Page Width

  1. The Max Page Width slider allows you to control the maximum width your page content will span across larger screen sizes.

  2. Slide it to the left or right to decrease or increase the width (in pixels).

Tip: Keep an eye on how your content adjusts while changing the width so that it remains visually balanced on larger screens.

Step 4: Modify the Base Block Padding

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

  2. Slide it to adjust the amount of space between blocks. This is a useful setting for creating a clean separation between content sections.

Tip: You can adjust individual block padding later, but the base padding gives a uniform feel across the site.

Step 5: Set the Site Margin

  1. Site Margin allows you to set the global site margin, which controls how much space appears around the outer edges of your site.

  2. Use the slider to adjust the margin for your website, balancing whitespace to make your design look clean and professional.

Practical Tips for Spacing:

  • Consistent Padding: Try to keep padding consistent across all elements to maintain a neat and organized layout.

  • Whitespace is Your Friend: Don’t be afraid of whitespace. It helps your content breathe and makes your site easier to read.

  • Check Responsiveness: Always preview your spacing changes on different devices to ensure they look good on mobile and tablet screens.

Conclusion

By following these steps, you can customize the spacing of your website, making it more visually appealing and user-friendly. Keep experimenting with these settings until you find a balance that works for your site's design!

Last updated