Row Parallax

Parallax images are verLet’spular in modern website designs and Page Builder supports them as part of your standard row and widget design settings. Lets take a look at how you’d add parallax backgrounds to a Page Builder row.

Under the design section, you can select a background image. You can also choose how Page Builder displays that image. You have 2 options here. Parallax and Parallax Original Size. The difference is that Parallax will scale your image so that it fits the row and Parallax original size will always display the image at its original size.

So now, as long as your row has some content, it’ll always display with a parallax background image.

If you want to get a little bit more advanced, you can also change the amount of parallax motion Page Builder has. Just navigate to Settings > Page Builder, then make sure you’re on the General tab. From there, you have the limit parallax motion setting. Ideally, you should leave this blank so that Page Builder can automatically assign a good value for you, but if you need something different, you can change it here.

Just read the description to get a better idea of what this setting changes.

• Previous Lesson: Responsive Behaviour
• Next Lesson: Row and Widget Duplication