Image Moving

Image Moving is available in Section and Column in Elementor.

Find the “Image Moving” option in Section:

In the section, click on the middle icon among the 3 icons to edit the section options. See below image:

Now in Elementor’s main panel (left side), click on “Style” tab from the top. See below image:

 

Click on “Background” tab, generally the first tab in the “Style” menu of the section. Click on “brush” icon from “Background Type” option (first icon). Below the image upload area, you will find the “Image Moving” option. Enable the option. See the below image:

Note: You must upload an image in the image field. Otherwise, this function will not work.

 

Find the “Image Moving” option in Column:

In the section, click on the middle icon among the 3 icons to edit the section options. See below image:

 

Now in Elementor’s main panel (left side), click on “Style” tab from the top. See below image:

 

Click on “Background” tab, generally the first tab in the “Style” menu of the section. Click on “brush” icon from “Background Type” option (first icon). Below the image upload area, you will find the “Image Moving” option. Enable the option. See the below image:

Note: You must upload an image in the image field. Otherwise, this function will not work.

 

 

Image Moving Options:

 

 

At first, upload an image in the image field (assuming that you have adjusted the section/column padding and you have content inside the section/column).

 

Moving Image On:

Select the devices, you want to show this function. Available options: Desktop, Tablet, and Mobile. You can disable on a certain device by clicking the close icon beside the device name.

 

Direction Type:

Select the direction in this drop-down option. There are three options available: Horizontal, Vertical and Diagonal.

 

Moving Type:

  • After selecting the direction type, you need to select the moving type.
  • If you select Horizontal, then there are two options to choose from: “Left to Right” and “Right to Left”.
  • If you select Vertical, then there are two options to choose from: “Top to Bottom” and “Bottom to Top”.
  • If you select Diagonal, then there are two options to choose from: “Left-Top to Right-Bottom” and “Right-Bottom to Left-Top”. There is another option named “Reverse”. If you enable this option, then “Left-Top to Right-Bottom” will change to “Left-Bottom to Right-Top” and “Right-Bottom to Left-Top” will change to “Right-Top to Left-Bottom”.

Moving Speed:

This option defines the speed of the image moving. A larger value will slow the moving speed.

 

 

Have any recommendation to improve the documentation?

Submit your Feedback

Submit your feedback