Building a Website with Sections, Rows, and Columns

Alvéya’s website builder uses sections, rows, and columns.

Start with a section, then add rows, and finally columns within those rows.

Click on ‘Add Element’ or hover over the green button to add a section.

Select ‘Full Width’ for the section.

After adding a section, create a two-column row.

Adjust the row settings to ensure it spans the full width of the screen.

Click on the column or element to change styles.

Use padding for space inside elements and margins for space outside.

Use a percentage (5-10%) for padding to ensure responsiveness.

Maintain consistent padding throughout the page.

Click on elements to rename them for easier identification (e.g., ‘Text Block’, ‘Image Block’).

Save sections as global if changes should reflect across multiple pages.

Use universal sections for templates that can be reused across different websites.

Upload images while maintaining their dimensions.

For full-width images, set the column background as the image.

Remove padding from sections and rows to allow images to stretch to the edges.

Duplicate columns if necessary to rearrange elements for mobile.

Adjust image sizes and padding for mobile view to ensure consistency.

Once spacing is correct, duplicate sections as needed for consistency.

Always check the mobile view after making changes to ensure responsiveness.

Be cautious when using global sections, as changes will affect all instances across the website.

Use saved sections and templates to streamline the building process.

Maintain consistent padding and margins to avoid layout issues.