How to use Background Parallax in Elementor

How to use Background Parallax in Elementor

Background Parallax is a feature, provided by Element Pack, that enables the parallax animation in the backgrounds of sections or widgets.

Let’s see how it works.

Apply Background Parallax with Section

The Background Parallax effect can be applied to any kind of section or widgets despite how they were arranged. Hence, we created a simple demonstration that perfectly reflects the features’ operation.

Step-1

On the Elementor Page editor, create a double column section first.

Step-2

Design one column using only low graphic elements. We used Advanced Heading, Advanced Button, Advanced Divider, Text editor, and Social Share widgets.

Step-3

Now, click on the Section Settings icon and go to Style> Background. After that, insert any background image that suits your taste. You can see the Parallax switcher at the bottom.

Step-4

Click on the Parallax switcher to activate the parallax effect. Insert values for the X & Y parameters to apply the effect.

Preview

You can see the Background Parallax effect in motion on the preview mode. Simple!

Conclusion

Still stuck? Watch this quick video or visit the demo page for more examples.



A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.

Contact

Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 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.