Help Topics › Editor › Basic OperationsBasic Operations
Cubender is a drag and drop platform. This means that every element can be moved into place by dragging it with your mouse.
When you first enter the Cubender Editor, you will see your website exactly how it will appear to the rest of the world. To change a specific element, simply click it with your mouse and the element will now be selected.

When an element is selected, a colored border will highlight the element and you will see the Action Menu icon resting just outside the border (as shown in the above screenshot). By clicking the Action Menu icon, you will see all the advanced options for the selected element. Click an option from this menu will open the Design Panel.
Resizing
When an element is selected, you will notice little circles on all sides and corners of the element. These are resize handles. To resize an element, simply drag a resize handle. TIP: To maintain the same aspect ratio, hold "SHIFT" while dragging a handle.
Moving
To move an element, simply click anywhere on the element and drag. When snapping is enabled, you element will automatically snap into place if required. Note: You can toggle snapping by clicking the Settings icon in the top-right of the browser window and then clicking "Preferences".
Moving Arrow
By dragging the moving arrow that rests at the bottom of the selected element, you will reposition all elements that rest under the selected element.
Saving, Previewing & Publishing
In the top-right of the editor window, you will see buttons to save, preview and publish. To save your changes, simply click the "Save" button. To preview how your website will look to your visitors, click the preview icon. Finally, to make your website live to the world, click the publish icon. Next › Design Panel
Facebook
Pinterest
Google
Terms
Privacy