Parallax Elements

Classes

  • parallax-slow
  • parallax-slower
  • parallax-fast
  • parallax-faster
  • parallax-fast-left
  • parallax-slow-left
  • parallax-fast-right
  • parallax-slow-right

Usage

Just add one of the above classes to any section, row, column, or module’s CSS classes box.

You should use this effect only sparingly.  You probably shouldn’t use the parallax effect on a lot of elements like on this page.

You will also most likely need to add some margin to the parallaxed elements.

Note: The parallax effect will not currently work in the visual builder.

parallax-faster

parallax-fast

parallax-slow

parallax-slower

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Diana Davis

Happy Buyer

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Jessica Bowen

Happy Renter

parallax-fast-right

parallax-slow-right

parallax-slow-left

parallax-fast-left