Widget Design

  • Knowledge Base
  • Responsive Website Builder
  • Widget Design
  • Duda Support > Responsive Website Builder > Getting Started

Overview

Most widgets in the responsive editor have design options that enable you to customize the widget's appearance for your website. These options can help you create a widget that perfectly matches the style of your site, or one that really stands out and attracts visitor's attention. 

Guide 

To open the design editor of a widget on your website, right-click on the widget to open the context menu and then click Edit Design. You can also open the design editor by left-clicking on the widget and then clicking Design at the top of the widget window.

Here are some common customization options you'll find in the Design Editor. 

Layout

Layout options are usually specific to certain widgets. To select from the set of layout options available for that widget, click the layout that appears in the Design Editor (or click the small arrow beside it) to open the Select Layout menu. To change the selected layout, click the layout you want to use instead and it will be updated in the widget.

Style

  • Color - click the round color icon to the right of the section name to open the color picker and change the color.
  • Border Style - change the width of the border using the slider or text box.
  • Background Style - use a background image or video for this widget using the Choose and Place Images dialog or a video URL.
  • Width and Height - use the slider or text box to change the number of pixels.
  • Rounded Corners - increase or decrease the rounded the corners on a widget.
  • Shadows - toggle on or off a shadow for this widget.

Spacing

Change the padding (spacing inside the widget edges) and margin (spacing outside the widget edges). Each number in the outer box sets the margin for its own side (top, bottom, left, or right), and each number in the inner box sets the padding for its own side (top, bottom, left, or right).

Considerations

Not all widgets have the same options. For example, some widgets do not allow you to edit padding, others don't let you change margin.

Resources

  • To learn how to add widgets to your page, check out our guide on Adding Widgets.
  • To learn more about editing widgets, check out our guide on Editing Widgets.

 

×

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 prioritysupport@dudamobile.com
×

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!