Sridhar Katakam

Genesis and WordPress Tutorials

How to set up fadeUp effect from Digital Pro in any Genesis child theme

by 1 Comment

Digital Pro has two fadein animations:

  1. On page load
  2. As widget areas are scrolled to

If you are looking to implement the same in other Genesis child themes, follow these steps:

Step 1

Create a file named fadeup.js in your child theme's js directory having the following code:

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • Hi Sridhar. I gave this a try today and found that it seems to conflict with the StudioPress Reasons Grid I have on the page (https://sridharkatakam.com/add-reasons-grid-similar-one-studiopress-com/). The grid is skewed and the fade-up is not working. Commenting out this line in functions. php fixes the grid:

    wp_enqueue_script(‘fadeup-script’, get_stylesheet_directory_uri().’/js/fadeup.js’, array(‘jquery’), ‘1.0.0’, true);

    Here are a couple of screenshots (site still on local):

    https://www.dropbox.com/s/ybqs1jtexytznk0/Screenshot%202016-10-17%2015.43.08.png?dl=0
    https://www.dropbox.com/s/bzx75ppoh9r1rqp/Screenshot%202016-10-17%2015.43.51.png?dl=0

    Any thoughts as to what may be causing the conflict? Thank you!

    Reply
    • >