Skip to main content

How to Use Precision Layout in Sitebuilder

This guide shows you how to use Precision Layout to create flexible, professional website designs without coding or design skills.

Prerequisites / Requirements

Before you start, make sure you have:

  • Access to your website in Sitebuilder.

  • A page where you want to add a Precision Layout.

💡 Note: Precision Layout is available only with pre-made design layouts, not individual widgets.

What Can You Do with Precision Layout?

Precision Layout gives you more control over how content is arranged on your page. You can:

  • Move, overlap, stretch, and position content exactly where you want it.

  • Fine-tune sections, images, and text using drag-and-drop controls.

  • Start with professionally designed templates.

  • Customize colors, fonts, and spacing.

  • Create professional layouts without design experience.

Step-by-Step Instructions

1. Open Add Content

Click Add Content in the top menu.

2. Select Precision

Select Precision from the available options.

3. Choose a Template

Browse the Precision template library and select the template you want to use.


4. Add the Template

Add your selected template to the page.

5. Adjust the Layout

Use the Precision Layout controls to position your content exactly where you want it.

You can:

  • Move elements.

  • Overlap elements.

  • Stretch elements.

  • Adjust the position of content.

  • Fine-tune the layout and spacing.

6. Customize the Design

Customize the template to match your website by adjusting:

  • Colors

  • Fonts

  • Text

  • Images

  • Spacing

Visuals & Examples

Use screenshots or short GIFs to demonstrate:

  • Finding Precision under Add Content.

  • Selecting a Precision template.

  • Moving and overlapping content.

  • Stretching elements.

  • Customizing colors, fonts, images, and spacing.

Use generic screenshots with arrows or callouts where helpful.

Troubleshooting / FAQs

Do I need coding or design skills?

No. Precision Layout is designed to provide advanced layout control without requiring coding or professional design experience.

Can I use Precision Layout with individual widgets?

No. Precision Layout is currently available only with pre-made design layouts.

Can I move and overlap content?

Yes. You can move, overlap, stretch, and position content within a Precision Layout.

Can I create a layout from scratch?

The original feature description mentions the option to create layouts from scratch. However, the current instructions specify using pre-made Precision templates. If creating a layout from scratch is supported in the current version of Sitebuilder, this can be added as a separate instruction.

Summary / Next Steps

Precision Layout gives you precise control over the placement and appearance of your content without requiring code or design experience.

Choose a pre-made template, adjust the layout, and customize the colors, fonts, images, and spacing to create your desired design.

Did this answer your question?