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
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
Thank you Sue! That fixed it!