How To Use & Customize Image Comparison Widget

Image Comparison Widget is a powerful wigdet for creating engaging and interactive image comparisons on your website. 

Follow the step-by-step instructions:

1. Go to Menu Romethemekit.

2. And you will be able to see the Image Comparison Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor 

7. Drop it on the selected area.

8. Select Slider Position : Horizontal or Vertical.

9. Add Image Before :

• Enable Show Caption : to Add image caption.
• Click Choose Image → Select your image → Select Image Resolution.

10. Add Image After :

• Enable Show Caption : to Add image caption.
• Click Choose Image → Select your image → Select Image Resolution.

11. Setting your Caption Style here.

12. Setting your Slider Style here.

13. Setting your Image Style here.

14. Don’t forget to click Publish to save the changes.