Cubender Help Center

Search our knowledgebase for your questions about Cubender.

Basic 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