Editing Pages with the Layout Builder

Most pages on this site were built with Enfold’s Advanced Layout Builder (Kriesi also calls this the Avia Layout Builder, or ALB). It is a drag-and-drop editor that ships with Enfold. It is not a separate plugin you can buy on its own.

Official reference: Intro to Layout Builder.

Open the builder

1. In WordPress, go to Pages → All Pages.
2. Hover over the page you want and click Edit.
3. Click the Advanced Layout Editor button.

You can also use the builder on a post, from the same button on that post’s edit screen.

Don’t switch editors on a finished page

The default WordPress editor and the Advanced Layout Builder use two different sets of data. You are not able to switch back and forth between them without losing the version you are not currently using. If a page was built in the Advanced Layout Editor, stay there.

Elements you can add

Builder elements are grouped into three categories:

• Layout elements — the structure of the page: Columns, Color Section, Grid Row, and Tab Section.
• Content elements — the content itself: text blocks, headings, buttons, testimonials, contact forms, and many others.
• Media elements — images, sliders, galleries, videos, and maps.

Per Kriesi’s docs, a few layout rules are easy to trip over:

• Color Sections, LayerSliders, and Masonry elements are always full width. They will push a sidebar to the bottom of the page.
• Those same full-width elements cannot be placed inside column elements.

Edit an existing page

1. Open the page in the Advanced Layout Editor.
2. Click an element to change its settings, or drag elements to reorder them.
3. Use Update (or Save) when you are done, then View Page to check the live result.

If you only need to change a sentence or a photo, click the text or image element that already exists on the page rather than rebuilding the section.

Reusable templates

If you need the same layout on more than one page, the builder can save and reload a template:

1. To save a layout, click template in the top right of the Advanced Layout Builder and save it with a clear name.
2. To reuse it, click template again and choose a saved template from the list.

These steps come from Kriesi’s Intro to Layout Builder.

Builder settings

Settings for the Advanced Layout Builder itself live under Enfold → Layout Builder in the WordPress admin. That is also where Kriesi documents advanced options such as Debug Mode (under Show Advanced Options), which is meant for viewing an element’s shortcode — not for everyday content edits.

If you would like a setting changed there, ask us rather than experimenting on the live site.