Inline editing

  • Knowledge Base
  • Responsive Website Builder
  • Inline editing
  • Duda Support > Responsive Website Builder > Editing a Site


The new editor allows for inline editing for your site which helps speed up your workflow. You can quickly edit and access the options for any widget or column or row with the click of a button.

Context menu

Everything in the editor has the option to open up a context menu. You can open this by right clicking any widget or space in the editor.

Select container

If you're having trouble selecting a container in the editor, click a widget and use the "select container" option to select the container.


Allign elements by clicking the "alignment" icons. You can align left, center or right.

Clearing padding

Clear padding easily by clicking the "clear padding" option. This lets you remove extra spacing around columns or rows in your site and is useful if you're trying to tighten up the space around your content.

Copy and paste

You can copy any widget or container and paste it anywhere else within your site. Note that it only works on your site, you cannot paste widgets or containers to other sites.

Rearranging columns or rows

Columns inside of rows can now be re-arranged in order by first bringing up the context menu, then clicking the arrow icons.

Rearranging widgets

Widgets can be re-arranged by clicking then dragging them to another column or row on your site. Once you click to drag, a blue box will indicate where it will be placed after letting go of your mouse.

Snap to Align

While resizing elements within the same column, Duda will attempt to ‘Snap to Align’ them to be the exact same size. You’ll notice that as you resize, Duda will jump ahead or behind to snap to location. This should make it easier to make elements the exact same size.

Snap to Grid

The Snap to Grid system can help you lay elements in the pages of your site with professional precision. This system allows you to align elements horizontally and vertically within columns and rows. Rulers are presented when moving an element in its row or column, or when resizing the element. The aligned elements are marked with a colored-border. An element may be aligned to more than one other element, depends on the specific use-case. Note that alignment is supported in the views of the three different devices (desktop, tablet, mobile).

Resizing widgets and containers

You can resize most widgets and containers by hovering your mouse over them and interacting with the "handles" around the widget or container.  The white "handles" add margins, either vertical or horizontal, to move an element.  The blue "handle", located n the lower right, resizes the element.


 Another way to edit the spacing is through the Design Editor.  Right-click and click Edit Design.  Then click the Spacing tab.  You will be able to change the margins (outer spacing) and padding (inner spacing) using this method.  For more information about Spacing, read this article.





Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!