The “Image Scroll Widget” allows you to add smooth scrolling effects to images for free in WordPress Elementor websites. This widget enhances visual storytelling by enabling vertical or horizontal scrolling for images, making it ideal for showcasing panoramic shots, infographics, or long images. You can customize the scroll speed, direction, and styling to match your site’s design seamlessly.
Let’s explore the features of the “Image Scroll Widget” below.
Elementor Image Scroll Tutorial Video
Add a Free Image Scroll to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Image Scroll”
- Hover over the widget in the search results and click install
- Add your “Image Scroll” widget to any Elementor Page
General Settings in Elementor Image Scroll
Image
Choose an image to display.
Image Size
Select the desired image size.
- Medium Large
- Large
- Medium
- Thumbnail
- Full Size
- 1536*1536
- 2048*2048
- WooCommerce Thumbnail
- WooCommerce Single
- WooCommerce Gallery
Link
Type or paste your URL to link.
Type
Select the image frame.
- None
- Desktop (Pro)
- Tablet (Pro)
- Mobile (Pro)
- iMac (Pro)
Direction
Select the image scroll direction.
- Top to Bottom
- Bottom to Top (Pro)
- Left to Right (Pro)
- Right to Left (Pro)
Trigger
Select the trigger for scroll.
- Hover
- Click (Pro)
Duration
Set the image scroll duration in seconds.
Overlay Settings in Elementor Image Scroll
Show Overlay (Pro)
Show/Hide the overlay on image.
Icon
Choose an icon to display on image.
Icon Animation
Enable or disable the icon animation.
Transition Duration
Set the transition duration in milliseconds.
Elementor Image Scroll Styling
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Image Scroll Styling in Elementor Image Scroll
Set the image height ratio, height, width, border, border radius, and box shadow.
Overlay Styling in Elementor Image Scroll
You can set the overlay color, image, image position, size and opacity.
Overlay Icon Styling in Elementor Image Scroll
Set the icon size, icon color, and icon shadow.
Usage Examples of Elementor Image Scroll
Here are some live use cases for the Image Scroll Widget.
Free Image Scroll for Elementor with a vertical scroll.
Free Image Scroll for Elementor with a horizontal scroll.
Thank you for using the Image Scroll Widget for Elementor! With its smooth scrolling effect and flexible customization, this is the best Image Scroll Widget for Elementor, perfect for showcasing high-resolution images without taking up extra space. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
