Sridhar Katakam

Genesis and WordPress Tutorials

Themes

  • Home
  • About
  • Archive
    • By Child Theme
  • Membership
    • FAQ
  • Forums
    • Members-only
      • Tutorial Requests
    • Paid Support
  • Contact
  • Login

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

October 17, 2016 by Sridhar Katakam 1 Comment Favorited: 16 times

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.

 
 
Forgot Password

Filed Under: Genesis, Premium Content Tagged With: Digital Pro

Recent Comments

  • Sridhar Katakam on How to set equal height for Content module’s element and sidebar in iThemes Builder
  • Sridhar Katakam on Masonry Grid on Category Archives with Title and Excerpt on Hover in Genesis
  • studiomommy on Masonry Grid on Category Archives with Title and Excerpt on Hover in Genesis
  • Sridhar Katakam on Custom Navigation Theme Location in Genesis
  • DragNfLy on Custom Navigation Theme Location in Genesis
  • fatcatdesign on Header Search in Altitude Pro
  • Sridhar Katakam on Custom Navigation Theme Location in Genesis
  • Sridhar Katakam on Fixed mini header on scroll with inline logo and nav menu in Genesis
  • Sridhar Katakam on Split Navigation with menu items on logo’s left and right in Genesis
  • Split Navigation in Genesis Sample 2.6.0 - Sridhar Katakam on Split Navigation with menu items on logo’s left and right in Genesis

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.

Join 1,043 other subscribers

Categories

Tags

ACF ACF Pro Agency Pro Altitude Pro Background Video Backstretch Centric Pro CPT CSS Grid Digital Pro dynamik equal heights featured image fixed Fixed header Flexbox font awesome footer footer widgets Genesis Sample grid header Infinity Pro Isotope jQuery lightbox Masonry Metro Pro minimum-pro Monochrome Pro Outreach Pro page template parallax Parallax Pro portfolio pre_get_posts responsive search Showcase Pro slider Soliloquy sticky Video Background widget area WooCommerce
Follow @srikat

Recent Posts

  • Shrinking Logo on Scroll in Genesis Sample 2.6.0
  • Split Navigation in Genesis Sample 2.6.0
  • Header Search in Altitude Pro
  • How to load comments on click using Ajax in Genesis
  • Linting and Formatting in Visual Studio Code for WordPress
  • BrowserSync in Laravel Valet
  • How to dynamically load posts on click using Ajax in Genesis
  • Multiple Rotating Background images with Ken Burns Effect in Altitude Pro
  • Secondary logo on scroll in Business Pro
  • Site Title – Custom Menu – Primary Menu in Genesis

Find my tutorials helpful and wish to donate?

© 2018 · Genesis Sample Theme on Genesis Framework