• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Remove Background Fade In Effect From Backstretch Image

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.

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems