The Canvas is where all your content goes. It shows you the exact representation of the page you’re working on with additional controls to let you select, traverse, move, duplicate and delete your element or component.

You can select an element or component on the Canvas by clicking on it. Hovering over the element will show you which element you will be selcting. Some components have other options you can access by double-clicking ****on them or selcting it and then choosing component options on the left of the screen.

When you select an element, it will be outlined to denote that it is currently selected. You will also see additional Canvas controls to help you with the process of creating your page.

1. These are the controls for the selcted element. They include:
   1. Move Up - this will move the element up within the parent div.
   2. Move down - this will move the element down within the parent div
   3. Duplicate - to duplicate the selected element
   4. Trash - to delete the selected element and anything within it
   5. Up one level - This will allow you to move up to the parent div.
2. This shows the name/type of the selected element

• Canvas Controls
• Traversing the HTML structure
• Moving Elements and Sections
• Duplicating Elements
• Deleting Elements
• Editing Elements
• Image Library
• Reverting Changes

Subpages

Canvas Controls

Traversing the HTML structure