The Visual Editor is the main way to edit content in CloudCannon. Editable Regions have yellow borders. To make an update, click inside a yellow box and edit the content inline. Navigate to other pages by clicking links on the site.
The Page Selector shows a list of pages, posts, drafts and collection items to navigate to. Use the Toggle Pages button in the top right corner to access it.
Default Editor Path
Set the default path to load when the Editor option is clicked in the sidebar. Configured globally in
_config.yml with an
_editor: default_path: /about/
Clicking the Editor sidebar option will load the
default_path. The example above will load
/about/ instead of loading the default of
The Visual Editor adds the
.cms-editor-active class to the
body of the page. Use this to show elements that are hidden on the live site: