Before & After Widget

The Before & After widget allows you to display two images side-by-side for a visually compelling comparison. The widget includes a movable bar that can be customised to switch between the two images.

Add the widget by:

1. In the panel on the left, click Widgets.
2. Click and drag the Before & After widget to incorporate it into your website.

To learn how to add widgets to your website, visit Add Widgets.

Content Editor

To gain entry to the content editor:

1. Right-click the widget and select the Edit Content option.
2. To add the before and after images, click + Image.
3. Enter titles for the images. To conceal the labels, click the eye icon.
4. Insert Alt text for each image.
   

Design Editor

To access the design editor, follow these steps:

1. Right-click the widget and select Edit Design from the context menu.
2. Click Images & Slider to customise the images and slider.
3. To modify the style and text of labels, click Labels.

Ensure that the design settings you define are appropriate for each device. Per-device settings for spacing, image size, and more vary. For additional information, please visit Edit by Device.

Refer to Widget Design for information on design options that are not specific to this widget (such as layout, style, and spacing).

Examples