fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

create-an-elementor-widget
ue-plugin-update
Checkboxes Filter - Featured Image

Image Scroll for Elementor

The “Image Scroll Widget”  is a dynamic tool that effortlessly elevates your image display. With this feature, your images smoothly transition from top to bottom in a seamless vertical scroll, creating a captivating effect as users hover over them. Capture attention and engage your audience with this sleek and modern addition to your website. This widget comes with the ability to customize scroll direction seamlessly. You can smoothly adjust the scroll direction to suit your preferences, ensuring intuitive navigation tailored to your needs.

 

Let’s look at each of the options in the “Image Scroll Widget” below.

Install Image Scroll Widget for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Image Scroll”
  3. Hover over the widget in the search results and click install
  4. Add your “Image Scroll” widget to any Elementor Page

General Settings

1

Image

Choose an image to display.

2

Image Size

Select the desired image size.

  • Medium Large
  • Large
  • Medium
  • Thumbnail
  • Full Size
  • 1536*1536
  • 2048*2048
  • WooCommerce Thumbnail
  • WooCommerce Single
  • WooCommerce Gallery
3

Link

Type or paste your URL to link.

4

Type

Select the image frame.

  • None
  • Desktop
  • Mobile
  • iMac
5

Direction

Select the image scroll direction.

  • Top to Bottom
  • Bottom to Top
  • Left to Right
  • Right to Left
6

Trigger

Select the trigger for scroll.

  • Hover
  • Click
7

Duration

Set the image scroll duration in seconds.

 

Overlay Settings

1

Show Overlay

Show/Hide the overlay on image.

2

Icon

Choose an icon to display on image.

3

Icon Animation

Enable or disable the icon animation.

4

Transition Duration

Set the transition duration in milliseconds.

Image Scroll Widget 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

Set the image height ratio, height, width, border, border radius, and box shadow.

Overlay Styling

You can set the overlay color, image, image position, size and opacity.

Overlay Icon Styling

Set the icon size, icon color, and icon shadow.

Usage Examples

Here are some live use cases for the Image Scroll Widget.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!