Switching Editor Modes

The editor has three modes. Each one shows a different set of tools, so you only see what you need. This guide explains what each mode does and how to switch between them.

The Three Modes

Text Mode (Edit existing text & images): change the words and pictures that are already on your page. You can make text bold or italic, add links, turn a paragraph into a heading and make lists. You can't add, move or remove blocks, or change colours or the layout.

Normal Mode (Manage blocks & layout): everything in Text Mode, plus adding, moving, copying and removing blocks, rows and columns. This is also where you can use the Content Section, Banner Section and Sidebar Section, and change text colours and styles. Most of our editor guides use Normal Mode.

Advanced Mode (Full code access): everything in Normal Mode, plus the HTML editor for rows and columns and the advanced styling options. Changes made here can break the look of your page, so only use it if you are confident editing HTML and CSS.

How To Switch Modes

  1. Open the page you want to change in the editor. Our guide to editing a page shows you how.
  2. In the menu on the left of the editor, click the Settings icon (the cog).
  3. Click "Editor Mode".
  4. Under "Active mode", click "Text Mode", "Normal Mode" or "Advanced Mode". The editor changes to that mode straight away.

When you choose Advanced Mode, the editor asks you to confirm that you are confident editing HTML, CSS and scripts, and that you accept responsibility for any breakages. Click "OK" to carry on, or "Cancel" to stay in the mode you are in.

Which Mode The Editor Opens In

Each time you sign in, the editor opens in Text Mode, which keeps everyday changes simple and safe. If you switch to Normal Mode, the editor remembers that for the website you are working on until you sign out. Advanced Mode lasts until you open a different website or sign out.

If An Option Is Locked

In Text Mode, menu items such as the Content Section show a padlock, and if you hover over one it tells you which mode you need. If you click a tool that your current mode doesn't include, a short message appears, for example "Text mode allows text and image changes only. Switch to Normal mode to edit layouts or code." Switch modes using the steps above, then try again.

 

Need Help?

If you're not sure which mode you need, or something doesn't look right, please contact our team.