Builder Tab – Illustrated as A. Contains all your page content and elements. This is where you add and modify the columns, elements and the like.
Library Tab – Illustrated as B. Allows you to import any of our demo content into your page. On this tab, you can also view and load custom templates you’ve saved.
Collapse Icon – Illustrated as C. Click this icon to collapse or expand all of your existing Containers on the page.
Custom CSS Icon – Illustrated as D. Click here to expand the custom CSS field. Click again to collapse it. Custom CSS added through this field will only affect the specific page.
Save Page Layout Icon – Illustrated as E. Click here to save the current page layout as a template. Once you save a page as a custom template, you can load it as many times.
Delete Page Layout Icon – Illustrated as F. Click here to delete your current page layout and clear the page editor.
History States Icon – Illustrated as G. Click here to expand the history tab. Here, the past 20 or so actions you’ve done will be displayed. You can click on any of these actions to revert back to any one of them.
Info Icon – Illustrated as H. Click here to read the Avada Builder documentation.
Avada Builder – Illustrated as A. This is the Avada Icon, and shows the current version if you mouse over it.
Toggle Sidebar Icon – Illustrated as B. This opens and closes the Sidebar, where you can access the Global Options, Page Options, and the Element Settings.
Library Icon – Illustrated as C. This accesses the Avada Builder Library.
History Icon – Illustrated as D. This shows the latest 25 history states, allowing you to step backward throughout your actions.
Preferences Icon – Illustrated as E. Here you can access the Avada Builder Preferences.
Add New Icon – Illustrated as F. This icon allows you to add a new Post, Page, Portfolio, FAQ, Layout or Element.
Clear Layout Icon – Illustrated as G. This clears the layout from the page.
Support Icon – Illustrated as H. Offers links to our Getting Started documentation, our Support portal, and the keyboard shortcuts available.
Responsive Icon – Illustrated as I. Here you can preview the page in responsive mode, in desktop, tablet, and phone preview. This is now also a Responsive Editing Mode, for use with the Responsive Option Sets.
Toggle Wireframe Icon – Illustrated as J. Click this icon to toggle the back-end wireframe in the Front-End Builder.
Preview Icon – Illustrated as K. Preview mode closes all panels and removes front-end icons to give you a quick, clean page preview.
Publish Icon – Illustrated as L. This button allows you to quickly set the state of the page to Published.
Draft Icon – Illustrated as M. This button allows you to quickly set the state of the page to Draft.
Save Button – Illustrated as N. The Save Button allows you to save all the work done in the Front-End Builder, including edits to Elements, and global and page options settings.
Exit Button – Illustrated as O. The Exit Button allows you to exit the builder, to the page front-end, the page back-end, or the WordPress dashboard.