How to use the tools menu
To access the Tools menu in the EE Builder, click the arrow icon located in the upper left corner of the Top Bar.
Publish
The "Publish" option in the EE Builder saves and publishes the layout, allowing you to continue editing without closing the editor.
Save Template
Saves the layout on the current page as a template
Duplicate Layout
Copies the entire page and all metadata from the back end. Creates and opens a new page or post with "copy" in the title.
Preview Layout
The "Preview Layout" option in the EE Builder opens a preview screen, allowing you to test your layout's responsiveness on small, medium, and large devices. To return to editing, click "Continue Editing"
Responsive Editing
In the EE Builder, you can switch to a specific device view (large, medium, or small) to edit your layout directly in that view. To return to the standard large-screen editing view, click "Exit".
Revisions
Display the previously published revisions available to revert to. The number of revisions available is displayed in brackets.
History
The EE Builder's History feature tracks changes made to a post or page, allowing you to view, undo, or redo any edits through the History menu item.
Layout CSS & JavaScript
Layout CSS & JavaScript provide a quick way to add CSS and JavaScript that only apply to the page or post being edited.
If custom CSS or JavaScript have been added, a green dot appears next to the Layout CSS & JavaScript menu item.
The CSS tab enables you to add custom CSS code that is applied exclusively to the current page, allowing for unique styling and design customisation.
Global Settings
The Global Settings feature allows you to configure default values for various options, including row max-width, margin and padding, breakpoints, and custom code (CSS & JavaScript), which are then applied globally across your site. These settings can be overridden for specific rows, columns, and modules through their individual settings.
Global Styles
Define your styling preferences for elements and colours within EE Builder using Global Styles. These pre-defined styles are then accessible site-wide, streamlining workflow and ensuring consistency throughout your website.
Elements Tab
In the Elements tab, configure global styles for text, headings, links, and buttons, with customisation options including a colour picker, typography settings, and border and radius adjustments for buttons.
Colors Tab
The Colours tab enables you to define a global colour palette that can be easily accessed and applied site-wide using the EE Builder colour picker tool.
Change UI Brightness
Toggle between light and dark UI skins, switching from the default light theme to a dark theme with a single click.