Mount Olympus: The Editor

Build pages with widgets and sections, set the theme, manage collections, blog, forms and popups.

• Mount Olympus editor basics

  Find your way around the Mount Olympus editor, including the top bar, the left rail panels, Layers, Preview, autosave and what happens when someone else changes the site while you have it open.

• Editor keyboard shortcuts, right-click menu and toolbar

  Every keyboard shortcut in the Mount Olympus editor, what's in the right-click menu and the floating toolbar, and how Edit CSS, CSS Class Names and Set as Anchor work.

• How to add and edit widgets

  Add widgets from the Elements panel, change their content and design, resize them, copy or duplicate them, pin a button, and hide them on certain screen sizes.

• How to add, organize and manage pages

  Add blank, designed, dynamic and legal pages or navigation folders, rename, reorder and nest them, set the homepage, hide pages from the menu, keep pages as drafts, see or change a page's URL and open Page settings.

• How to link buttons, text and images (the link picker)

  Every link type in the link picker explained — site pages, dynamic pages, web addresses, popups, anchors, blog posts, email, call, text message and file downloads — plus where it's used and why a link can go nowhere.

• What's in the widget library

  Every widget in the Elements panel, by category, with a link to each widget's settings article and the options most people ask about.

• Sections, columns and layout explained

  Add, copy, delete and save sections, add columns and inner columns, size and align boxes, link a whole card, and set anchors.

• Responsive design and screen sizes explained

  Edit your site for ultrawide, desktop, tablet and mobile screens, see which screen widths each size covers on the live site, learn how settings carry down between sizes, and hide elements on certain devices.

• How to set up the header, footer and navigation

  Pick header and footer layouts, manage menu links and mega menus, design the mobile menu, and make the header sticky or overlap the first section.

• How to create popups

  Build popups with any widgets, open them from a button, link, menu or corner button or automatically, and choose which pages, devices and how often they show.

• Collections and dynamic pages explained

  Store repeating content like services or locations in collections, and use dynamic pages to build one page design that makes a page for every row, each with its own SEO.

• How to connect widgets to data

  Fill text, images, buttons and backgrounds from Business Info, Business Text or a collection, so one change updates every place it's used.

• Business Info and Business Text explained

  Keep the business name, contact details, hours, locations, social links and reusable text in one place, so every connected widget and the site's schema stay up to date.

• How to set the site theme

  Set site-wide colors (including from the logo), button styles, text styles, fonts, page width and spacing, image and background defaults, the cursor and the Pause motion button, and check text contrast.

• How to use a client's video on a site

  Put a client's own video on a site as a watchable video (Video widget) or as a background behind a section or column, from the Client videos tab of the video picker, and set autoplay, loop, sound and phone options.

• How to use the site media library

  Manage media from CMS → Media Manager (Client media and This site tabs on client sites, the site library on templates), upload images, organize them in folders, add alt text, edit images, pick client photos and add free Pixabay photos.

• How to set up contact forms and see form responses

  Add a Contact Form, choose its fields, email recipients and auto-reply, accept file uploads, send leads to Google Sheets, HubSpot, Mailchimp or a webhook, and read every submission in Form Responses.

• How to run a blog on a Mount Olympus site

  Set up the blog, write and schedule posts in the editor, design post layouts, manage authors, import posts from an RSS feed, and fix post meta tags in Blog SEO.

• How to show Google reviews on a site

  Add the Google Reviews widget, pull in the client's reviews from their Google Business Profile, choose which reviews show, and let them refresh automatically every week.

• How to use Zeus in the editor

  Ask Zeus to change the page you're editing, from text and layout to new sections, pages, popups and the theme. Learn what's included in your plan each month and when changes use credits.

• How to add cursor effects

  Give the site a dot, ring, icon or picture cursor, a label that follows the pointer over buttons and links, a trail of dots and magnetic buttons, and change or turn them off on one page.

• How to add a Media Vortex

  Show the client's photos and short videos traveling along a spiral, tunnel, orbit or drift behind a hero or in its own box, always keeping clear of the words.

• How to add a cursor trail

  Make a section's background leave a trail of text characters wherever the mouse moves, spreading and fading over a few seconds. Turn it on for one section, or for every section at once in Theme → Cursor.

• How to add a shape divider to a section

  Give a section a shaped top or bottom edge, like a wave, curve, angle, triangle or zigzag, in any color and height, flipped or inverted, with its own height on tablets and phones.

• Free Layout — place anything anywhere

  Drag a Free Layout into a section, drop widgets where you want them, then move, resize, overlap and layer them. Choose what phones show.

• Gradients, background layers and text effects

  Turn a gradient to any angle, layer up to 6 gradients over a background, size a background picture exactly, blend an overlay, put a pattern over a background video, and give text a gradient or a shadow.

• How to use the color picker

  Pick colors in the editor from your theme, Recent and Saved lists, a HEX or RGB value or the eyedropper, set opacity, and build gradients with stops, angles and radial shapes.