Home>Page Builder Tips>Row Parallax
Login or Signup

Login With

Facebook Twitter Google Email Login

Save 30% on SiteOrigin Premium with our January sale. Use coupon code JANUARY30 Buy Now

Menu
    Close
  • Plugins

    Page Builder

    Create responsive WordPress page layouts.

    Widgets Bundle

    Our growing collection of widgets.

    SiteOrigin CSS

    Modify the look and feel of any WordPress site.

    SiteOrigin Installer

    Easily install all our free themes and plugins.
    All our free plugins are enhanced by SiteOrigin Premium
  • Themes

    WordPress Themes

    A Collection of Page Builder Compatible Themes

    Site Packs

    Fully Prebuilt Websites

    Latest Themes

    • WoonderShop
    • Corp
    • Readable
  • Support

    Support Forum

    Our forum for free support.

    SiteOrigin Blog

    Read our news, tutorials and WordPress guides.

    Latest Blog Posts

    • Announcing the Custom Row Colors Addon
    • Announcing the SiteOrigin Blog Widget
    • Stop Spam With Really Simple CAPTCHA
  • Premium
  • Contact
  • Search
    Powered By

Row Parallax

https://siteorigin.com/wp-content/uploads/2017/01/12-Tips_-Row-Parallax.mp4

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

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More

SiteOrigin

  • Blog
  • About
  • Contact
  • SiteOrigin Premium

Products

  • Page Builder
  • Widgets Bundle
  • CSS Editor
  • Themes

Your Account

  • Login
  • Register
  • Support Forum
  • Order Dashboard

Connect

  • Twitter
  • Facebook
  • GitHub
  • YouTube

Useful Tools

  • Domain Name Generator
  • HumbleWorth
  • BG Image Generator
What is the speed of dark?