Cubender Help Center

Search our knowledgebase for your questions about Cubender.

Help Topics Editor Basic Operations

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.
Basic Operations in Cubender
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
Resizing in Cubender 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
Moving in Cubender 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
Moving in Cubender 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
Saving in Cubender 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
Getting StartedDiscover how you can start using Cubender today.How to BeginStarting from a ThemeStarting from a Blank SiteView AllEditorGet familiar with the Cubender editor.Basic OperationsDesign PanelAdding ElementsPreferencesResponsive ViewsPreviewingPublishingView AllElementsLearn about all the different elements you can add to your page.OverviewMedia ElementsStructural ElementsSocial ElementsForm ElementsSpecial ElementsView AllStyleLearn how to apply custom styles to any element.OverviewBackgroundBorder & CornerFontShadowText ShadowSize & PositionLayout & OrderPadding & MarginTransformTransitionView AllDashboardGet an overview of the Cubender dashboard.Website SettingsAdding a DomainAccount SettingsYour SubscriptionView AllSubscription PlansLearn about the different pricing plans we offer.VenusEarthSaturnJupiterView AllWhite LabelingLearn how to white label Cubender for your customers.Creating UsersCreating SubscribersView AllSupportIf you're stuck, we can help.Contact SupportVisit our BlogView All