Widgets are the building blocks of your site. You can customize s to adjust the appearance and layout of your site. Editing s allows you greater control over what features your site has and how these features behave. Whether you are looking to capture leads, lead visitors from page to page, show off images, or put an important message in a paragraph, s can help.
For information about adding s to your site, see Add Widgets.
To edit a , hover over the , and right-click the to see the context menu. Every has different options, but the following are common to almost every .
Edit Design
You can change the style of the , including color, text, images and more, as well as change the blank space surrounding the .
Click a , and click the Design tab.
Edit HTML/CSS
Allows you to make changes to the 's HTML or CSS. We only recommend this option if you are comfortable with these languages.
Right-click the , and then click Edit HTML/CSS.
Entrance Animation
Allows you to customize how the element appears on the screen; for example, fading in, bouncing in, or zooming in.
Right-click the , click Entrance Animation, and select an animation.
Select Container
Selects the column or row this is contained in, allowing you to easily find and edit it.
Right-click the , click Select Container, and select Column or Row.
Copy and Paste
Copying a saves it so that you can paste it later in another location. The paste option only appears if you have a that has been copied.
Right-click the , and click Copy or Paste.
Hide on Device
Use the hide on device feature to change your content depending on the device your visitor uses to access your website. For example, show a click-to-call for mobile users or a contact form for desktop users. Widgets hidden by the Hide On Device feature are not deleted; you can see all of the hidden elements on a page by clicking Unhide Elements at the bottom of the left panel. For more information about hiding on devices, see Show Hidden Elements.
Right-click the , click Hide On Device, and select a device.
Hidden content may still show in the code of the live site (after publishing/republishing). This is expected and due to the technology used. For detailed information see Why is Content I have Hidden Showing in Audits?
Set as Anchor
Anchor links let you send visitors to a specific section of the page, making it easier for them to get from place to place on a longer page or to a specific section that you want to reference. For more information about anchors, see Anchor Tags and Links.
Right-click the , and click Set As Anchor.
Delete
To delete a , removing it from all devices, right-click the , and click Delete.
Alignment
Set whether the is aligned to the left, right, or center of its area.
Some s behave very differently in different views. Check the way your displays in each view after adding it to make sure it displays correctly.
To set the alignment, right-click the , and click an Align Left, Align Center, or Align Right (
) icon.