Back to contents

How to apply parallax effect to a column created with Elementor using JetTricks

This tutorial presents the process of creating a modern-looking parallax effect using JetTricks functionality.

Add a scrolling feature to the pages applying a cool parallax effect. You will attract visitors’ attention creating a moving effect and an interesting column background applying a parallax option of JetTricks.

Applying parallax effect to a column

Step 1 – First of all, open the certain page, where you would like to add parallax effect in Elementor editor and select the section structure.

Step 2 -Then, find appropriate widgets in the left panel and drag them into two columns.


Step 3 – The next step is to click Edit Widget option of the each widget and open Advanced > JetTricks section, where different animation effects are available.


Step 4 – Move the toggle to “Yes” next to the Use Parallax field and right there you will get access to set needed options, such as speed, invert and responsiveness. Set the different speed for the widgets that parallax effect will be visible and enable the Invert option for one of them that they will move in different directions.

Step 5 – Don’t forget to click the Update button to save the changes on the page and go and have a look at eye-catching parallax scrolling.


Make your website stylish and spectacular thanks to JetTricks parallax effect.