Support Articles

Stay Connected

Widget Design

Most widgets in the editor have design options that enable you to customize the widget's appearance for your site. These options can help you create a widget that perfectly matches the style of your site, or one that stands out and attracts visitor's attention. Not all widgets have the same options. For example, some widgets do not allow you to edit inner spacing, others do not let you change outer spacing.


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


To learn how to add widgets to your page, see Add Widgets.


To learn more about editing widgets, see Edit Widgets


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 inner spacing (spacing inside the widget edges) and outer spacing (spacing outside the widget edges). Each number in the outer box sets the outer spacing for its own side (top, bottom, left, or right), and each number in the inner box sets the inner spacing for its own side (top, bottom, left, or right).


What's

Snappin

Related Articles

By Eddie Cruz 24 Aug, 2021
Expand the capabilities of the website builder with custom HTML. This widget allows you to embed custom code into your site, and can be used to embed third-party widgets such as videos, contact forms, and more. While adding custom code can extend your site's functionality, we recommend you only add code from a trusted source. Only add code if you know exactly what it does and how to troubleshoot it if it does not work. To learn more about using HTML in Developer Mode, see Developer Mode.
By Eddie Cruz 24 Aug, 2021
The editor's interface has three main predefined sections: The top navigation bar, the left panel, and the content area. Each of these predefined sections plays an important role in letting you make your site as awesome as possible.
By Eddie Cruz 24 Aug, 2021
This widget makes it easy for website visitors to send you money using PayPal. You can use the PayPal button both for gathering donations and for selling products.
Share by: