How to Reduce Parallax Effect Strength for Backgrounds

Hi Lukas-

Thanks for the excellent question, and thanks for using the Post and Page Builder for WordPress.

Right now, there isn’t a control for how “strong” the parallax effect is, but you can change this with a little bit of custom JavaScript.

In a BoldGrid theme, you can add this code in the Customize menu. However, since you’re using Twenty Seventeen, you’ll need to utilize a plugin like Simple Custom CSS and JS to add this code:

jQuery(window).on('load', function() { 
jQuery('.background-parallax').each(function () { 
jQuery( this ).attr( 'data-stellar-background-ratio', '0.9');
});
});

The most important bit of this code is the ‘0.9’ which is the “ratio” of parallax. The default value is 0.3, which means “30% of normal scrolling speed.” 0.9 will be “90% of scrolling speed.” 1.0 would be the same as no parallax effect at all. So you can adjust that to suit your preference.