The image comparison widget from Booster Addons is a great tool to show a transformation using two images and mouse mouvement. Choose from multiple layout settings and style everything to create your own design.
Read more about this widget down below.
Under the content tab, you will find the images section.This is where you will upload your two images.
The second section in the content tab is the settings section.This section provides you with the options to customize the layout and text, as well as to choose the mouse behavior that you want to use to switch between your two images.
Under the styling tab section, you will have the full control over the styling & design of widget text and handle.Customize the typography, colors, border...
Change the labels text properties, colors, and positions.
-Typography : Choose from hundreds of google font families and change the font size and text properties.
-Before & After : Click on which label you want to style.Note that all the options below will only affect the selected label.
-Background & Color : Change the text for both the text and the label background to create a unique design next to your images.
-Position & Margins : Change the vertical position for your labels and change the space between the widget elements using margins.
Change the separator size and customize the handle design for the normal, hover , and dragging states.
-Size : Alternate the separator size as well as the handle border size.
-Default/Hover/Dragging : Choose which handle style you want to style.Note that all the options below will only affect the selected state.
-Colors : Change the color for the arrows that are displayed on the handle as well as the background, handle border, and separator colors.
-Handle Scale : This option is only available when the hover or dragging states are selected.You can change the handle size to add more style to your widget.
If you can't find what you are looking for any our documentation website, please feel free to open a support ticket & get help from our support team.