Sridhar Katakam

Genesis and WordPress Tutorials

particles.js in Business Pro

by 3 Comments

In the comments section of particles.js in Genesis, a user asked:

Happy New Year Sridhar!

I’m very interested in implementing this on the header hero image section of the Business Pro Theme. Which adjustments would I need to make on step 3, step 4 ? Thank you

This tutorial provides the steps to implement particles.js as a background for Front Page 1 widget area in Business Pro.

Step 1

Upload particles.min.js to Business Pro's assets/scripts directory.

Step 2

Create a file named say, particles-init.js in the same location having this code:

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

Already a member? Log in below or here.

  • Thank you Sridhar!

    I think I’ve followed the instructions exactly, but I’m running into a problem. The header hero section became double the size and the particles are only showing up one the bottom part of the section.

    http://iot.panachic.com

    Reply

  • Hi Mrizzo,

    I had the same result and solved it by making #particles-js absolutely positioned –

    #particles-js {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    }

    Hope that helps

    Reply
    • >