Parallax Sliders

The parallax scrolling module adds a parallax option for widget background images.

Available Widgets

  • SiteOrigin Slider Widget
  • SiteOrigin Hero Widget
  • SiteOrigin Layout Slider Widget

SiteOrigin Slider Widget

Once you’ve inserted the SiteOrigin Slider widget, click the down arrow to open the first frame. Using the Background image field, add your background image and then scroll down to the Background image type setting. Use the drop-down menu to select Parallax.

SiteOrigin Hero Widget

Once you’ve inserted the SiteOrigin Hero widget, click the down arrow to open the first frame. Using the Background image field, add your background image and then scroll down to the Background image type setting. Use the drop-down menu to select Parallax.

SiteOrigin Layout Slider

Once you’ve inserted the SiteOrigin Layout Slider widget, click the down arrow to open the first frame. Using the Background image field, add your background image and then scroll down to the Background image type setting. Use the drop-down menu to select Parallax.

Using External Images

Each of the above widgets offers both the option to add a background from the Meda Library, local computer or using an external URL. The parallax module requires the dimensions of the image to be specified if an external URL is used. The dimensions can be added onto the URL prefixed by a hash. Example:

http://layouts.siteorigin.com/wp-content/uploads/2015/12/kid-673584.jpg#2048x1366

The suffix in this case is: #2048x1366. Hash tag, width, times by, height, all without spaces.