How to create a Parallax Background

Create a Parallax Background on a Row element using the Page Builder

Written by RockyThemes
Filed under: Page Builder

To create a Parallax Background, edit your page with the FrontEnd Page Builder.

Hover your mouse over the Row element which will have the Parallax effect.

Click the Edit Row button – it’s the Pencil Icon.

In the new Pop-up Window -> go to Design Options Tab and make sure you set a Background Image by clicking the + sign.

The resolution of the Background Image is recommended to be: 1900x800px at least.

Next click on the Parallax tab.

Change the Enable Parallax effect option to On and click Save Changes. Update your page and view your page in your browser. The image will move on vertical scroll, having the Parallax effect enabled.