Several StudioPress & Genesis child themes use the jQuery script named backstretch to load and display background images. Most of these fade the image in when the page loads. If you want to get rid of the fade in effect you’ll need to modify the code which is generally included in the child themes js > backstretch-set.js file.
Video Demo
This video shows you how to modify the jquery and delete the fade option from backstretch.
Simply remove the fade option ,fade:750
the default code which is:
jQuery(document).ready(function($) {
$("body").backstretch([BackStretchImg.src],{duration:3000,fade:750});
});
And change it to this:
jQuery(document).ready(function($) {
$("body").backstretch([BackStretchImg.src],{duration:3000});
});
Tested on the Agency pro child theme by StudioPress.
Was This Tutorial Helpful?