Table Of Contents

How to use Image Parallax in Elementor

The Image Parallax in Elementor option lets you add the parallax animation effect to any section, without affecting any widget or background.

Let’s see how to use it.

Apply Image Parallax effect

The parallax image effect can be applied to any sections regardless of the content. Suitable images with transparent backgrounds are advised to use for the imagen parallax effect.


beginning to apply Image Parallax in Elementor

Go to Elementor page editor and create a new section.


1 20 - BdThemes

Insert any widget on the section (i.e. Heading) and click on the section settings icon and go to Advanced> Image Parallax. Select the option Image and click on ADD ITEM.

Note: for small content, please add sufficient padding to the section.


2 12 - BdThemes

Each Parallax item gives you a name field, image field, depth, X & Y position, and the image size option. Select Auto from the image size option for maintaining the full image size. Keep the Parallax mode to Relative.

Observe in preview

3 - BdThemes

On the hover mode, you can see the parallax image animation effect by hovering your mouse cursor. Simple!


Still stuck? Watch this quick video and visit the demo page for more examples, provided by Bdthemes.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.