Skip to main content

How to Customize Section Layout in Sitebuilder

This guide shows you how to adjust the layout, size, and alignment of sections in Sitebuilder.

Prerequisites / Requirements

Before you start, make sure you have:

  • Access to your website in Sitebuilder.

  • A section you want to customize.

Step-by-Step Instructions

1. Open the Layout Settings

  1. Hover over the section you want to edit.

  2. Click Layout on the left side of the section.

Screenshot 2024-07-08 at 11.28.42.png

2. Change the Section Layout

  1. In the Layout menu, click Change Layout.

  2. Browse the available layouts.

  3. Select the layout that best suits your content.

  4. Click Done to save your changes.

2024-07-08 12.36.56.gif

3. Adjust the Section Height and Width

You can adjust the size of the section to fit your design.

  • Height – changes the vertical space above and below the content.

  • Width – controls how wide the content area is.

A full-width section spans the entire screen, while a boxed section keeps the content aligned with the rest of the page.

2024-07-08 12.41.38.gif

4. Align Widgets

Adjust how the widgets are positioned within the section.

You can:

  • Align widgets to the left.

  • Center widgets.

  • Align widgets to the right.

  • Adjust the spacing between widgets.

Screenshot 2024-07-08 at 12.43.48.png

💡 Tip: Check the alignment on both desktop and mobile views to make sure the layout works well on all screen sizes.


5. Add a Link to a Section

You can create a direct link to a specific section on your page.

  1. Open the section settings.

  2. Click Copy Link.

  3. Use the copied link wherever you want visitors to access that section directly.

You can also use the link for a menu button that takes visitors directly to the section.

Visuals & Examples

Use screenshots or short GIFs to demonstrate:

  • Opening the Layout menu.

  • Changing the section layout.

  • Adjusting the section height and width.

  • Aligning widgets.

  • Copying a section link.

Use generic screenshots with arrows or callouts where helpful.

Troubleshooting / FAQs

Can I change the layout of an existing section?

Yes. Open the Layout menu, select Change Layout, and choose a new layout.

Can I make a section full width?

Yes. Use the section width settings to switch between a full-width and boxed layout.

Can I change the alignment of widgets?

Yes. You can left-align, center, or right-align widgets within the section.

Can I link directly to a section?

Yes. Click Copy Link in the section settings and use the link wherever needed, including in a menu button.

Summary / Next Steps

You can customize a section's layout, height, width, widget alignment, and direct link to create a layout that fits your website.

💡 Tip: Use consistent layouts for similar sections and always check the result on mobile to ensure your content remains easy to read and navigate.

Did this answer your question?