The Tools Menu

Open the Tools menu by clicking the arrow in the page title bar in the upper left corner of your editing screen, as shown in this screenshot.

To the right of each menu item is the shortcut symbol to access it. The symbols are based on your desktop operating system.

This menu has the following choices.

Publish layout

Publishes the layout without closing the Impress Engine editor.

Save template

Saves the layout on the current page as a template

Preview layout

Opens a preview screen, where you can preview as a small, medium, or large device. Click Continue editing to return to the Impress Engine editing screen.

Responsive editing

Edit your layout directly in a medium or small device view, as shown in this screenshot. Click Exit to return to large screen editing.


Display the previously published revisions available to revert to. The number of revisions available is displayed in brackets.

Note: Only published pages count as revisions. Saved drafts of pages are not available as revisions.

Layout CSS and JavaScript

A quick way to add CSS and JavaScript that only apply to the page being edited. You can assign a custom ID or class on the Advanced tab of any row, column, or module, then use it in your CSS rule.

A green dot shows beside this menu item when custom CSS or JavaScript has already been added on the page being viewed.

Global settings

Impress Engine’s editor settings that apply as defaults. Most of these settings can be overridden on individual pages. There’s also a CSS and JavaScript tab to enter CSS and JavaScript that will apply to content layout throughout your site.

A green dot displays if any custom CSS or JavaScript has been added to this menu item. Since CSS and JavaScript added here applies to all Impress Engine pages, after you add the custom code to one page, that code and this green dot will be visible on every page.

Note: Use this CSS and JavaScript tab for page content layouts only. If the CSS or JavaScript applies to parts of the page controlled by a template, use Customize > Additional CSS.

Change UI brightness

This option is a toggle that changes the UI skin from light (default) to dark and back.


Play an introductory video or click links to the knowledge base.

Related Articles

Leave a Comment