Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #35192
    Mr Nolte

    Dear Boldgrid Team,
    i have a question regarding your parallax effect for backgrounds. I am very happy with the effect, however website users have stated that the effect is too strong. I have been trying to find a solution in the documentation of the plugin, but have not found a satisfying answer: How can I adjust the strength of the parallax effect?
    I am very much looking forward to your answer,

    Lukas Nolte

    Jesse Owens

    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.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘How to Reduce Parallax Effect Strength for Backgrounds’ is closed to new replies.